Add line to break slider and page content

This topic has 10 replies, 2 voices, and was last updated 11 years, 2 months ago by tnotty.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
September 13, 2013 at 5:49 pm #14495

tnotty
Member

I would like to add a thick yellow line below the slider image on all pages, is this possible?

[URL=http://s579.photobucket.com/user/tnotty/media/ScreenShot2013-09-13at125822.jpg.html][IMG]http://i579.photobucket.com/albums/ss239/tnotty/ScreenShot2013-09-13at125822.jpg[/IMG][/URL]

September 13, 2013 at 5:50 pm #14496

tnotty
Member

September 13, 2013 at 10:52 pm #14511
Sakin
Keymaster
@tnotty: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
```
.featured-slider .slides {
    border-bottom: 20px solid #fee000;
}
```
September 16, 2013 at 1:53 pm #14595

tnotty
Member

Thats great Thank you for your help and for a great theme.

September 16, 2013 at 6:49 pm #14604

tnotty
Member

I have now noticed that the yellow line disappears if i add in a new image slider?
It only works if there is 1 slider.

September 17, 2013 at 2:16 am #14636

Sakin
Keymaster

@tnotty: It will work in all. If that is not working then you need to send me your site URL. So, that I can check in.

September 17, 2013 at 6:31 pm #14687

tnotty
Member

http://www.orchardwebtest.co.uk

September 17, 2013 at 6:54 pm #14688

Sakin
Keymaster

@tnotty: It is showing yellow line. Can you add more slides so that I can check in. As you said that it doesn’t work when there is more slides.

September 18, 2013 at 2:29 pm #14720

tnotty
Member

I have now added a second slider, They are only image sliders with no links.
Thank you for your help.

September 18, 2013 at 11:24 pm #14743
Sakin
Keymaster
@tnotty: In this case, you can remove the old css I gave you and add the following one.
```
.featured-slider {
    border-bottom: 40px solid #fee000;
}
```
September 19, 2013 at 6:49 pm #14764

tnotty
Member

Thanks again, works great.
Author

Posts