Border around page and Image Slider - 1.5.4

[adamcarter]

Hi guys,

 

Thanks for the help so far (again!).

 

1.5.4 - PAGE BORDER:

 

OK, I've researched how to add a BORDER to the page similar to this example: http://tivicr.com

From what I have read, I need to find in global css the following line: #Page: width 980px

However, I can't seem to find it!

 

Help, please.

See this topic where I found some help: http://www.prestasho...around-my-page/

 

1.5.4 - IMAGE SLIDER BORDER:

 

Right, I have researched this and found the relevant information.

The following line has to be added in .bx-styles.css, under the .bx-wrapper section:

border:3px solid #555

 

I added this line, but no border appeared.

 

Please help.

See this video that I watched:

 

 

I would also like to say that I am learning this system, but I find it hard when I research solutions only for them not to work, even after I follow the instructions 100%.

 

Thank you for any help.

Best,

Adam

 

PS Website is in maintenance mode.

Edited May 22, 2013 by adamcarter (see edit history)

[adamcarter]

PAGE BORDER SOLVED!

 

But Image Slider border is NOT.

I appreciate any help.

 

Best,

Ad

[adamcarter]

Got the border around the image slider:

However, the image slider itself has dropped down 10px or so.

 

Any ideas?

 

Best,

Ad

Edited May 23, 2013 by adamcarter (see edit history)

[adamcarter]

Image Slider Border now sorted.

Took a little thinking, but got it to work.

[dazlia]

ADam would you mind sharing with me how you eventually sorted out the slider border please? I realise this post is a bit old but ive just watched that exact same video on youtube and didnt work for me either! So frustrating like you say!

 

Would appreciate it many thanks

[zuhenry]

Hello Dazlia,

 

Let us know what border do you want to set on your page and we will be happy to give you the instructions, just the border for the slider?

 

zp

[vekia]

simple example:

 

.bx-wrapper {
border:10px solid #000;
}

 

and decrease the width of the slider (20px;)

[dazlia]

Thanks Vekia but it still doesnt work im afraid. I dont have a 'width' attribute in mine, just a 'height' so i added a 10px border and reduced the height from 300 to 280. Heres how it looks now and its not working.......

 

/*

* To change the color scheme of slider change each

* background property for each of the five styles below

*/

 

.bx-window {margin-bottom:20px;}

.bx-wrapper {

margin-bottom:20px;

height:280px

border:10px solid #000;

 

}

 

/*next button*/

.bx-next {

display:none;

position:absolute;

top:40%;

right:-50px;

z-index:999;

width: 30px;

height: 30px;

text-indent: -999999px;

background: url(gray_next.png) no-repeat 0 -30px;

[vekia]

is there any chance to test your website? it is online? if so, please share the url

[dazlia]

Veika have you checked your personal messages mate? sent you my login detials for the shop. I dont want to post the link public because it's still being tested so sent you link via PM.

[vekia]

Thanks for PM and url. i checked it, i checked the .css styles and there is no border definition:

 

.bx-wrapper {
margin-bottom:20px;
height:300px
}

[dazlia]

Vekia,

 

THanks but I took it back out once I realised it wasnt working I now have it working and here is the solution for those who also want to add a border to the homepageslider module.

 

Basically I had missed the semicolon off after the height style so here's the solution that now works :-

 

.bx-window {margin-bottom:20px;}

.bx-wrapper {

margin-bottom:20px;

height:300px;

border:1px solid #555

 

}

 

Thanks again mate P.S How do you post CODE on this forum so that it appears in the little box liek your post above?

Edited July 30, 2013 by dazlia (see edit history)

[vekia]

Thanks again mate P.S How do you post CODE on this forum so that it appears in the little box liek your post above?

 

i used this feature:

 

then i just paste the code inside the popup box - you will see it after click on <> feature

[dazlia]

thanks