[Cyril]

Hi,
i have two questions about modifications in slider featured text.

1 – how can I add some css only on slider title ?
I tried using a code you gave in that forum :

#slider-wrap .featured-text span { color: #aaa; font-weight: bold; }

… but it applies both to title AND excerpt.

2 – How can I simply replace the “:” between title and excerpt bay a “-” ?

Thanks

[Sakin]

@Cyril:
1. You can add the following css in “Appearance => Theme Options => Custom CSS” box:
#slider .slider-title { color: #aaa; font-weight: bold; }

2. This cannot be done with custom css. So, you might want to build child theme and edit slider function. Hum, first let’s try new CSS3, where we will hide : and add -. Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box:

.featured-text-wrap .slider-title:after {
background-color: #ddd;
content: '';
display: inline-block;
margin-left: 10px;
height: 1px;
vertical-align: middle;
width: 10px;
}
.featured-text-wrap .sep {
display: none;
}

[Cyril]

Thank you very much : both solutions work perfectly.

I’ve just modified margin-left to 5px because left space before dash was wider than right space.

Thanks again !

[Cyril]

Hi, this is weird : the “hide : and add -” method works fine on my subdomain (http://blog.cy-real.com/) with Featured Category Slider…

…but not on the “main” site (http://cy-real.com/), with Featured Image Slider, where the “:” remains.

I’ve been using the exact same code on both sites with “Custom CSS”.

Any idea ?
Thanks

[Sakin]

@Cyril: I see that in your demo page you are using Featured Post Slider but in Live site you are using Featured Image Slider where a this stage doesn’t have separator class to remove it. We will add this in new version update and it will work fine.

[Author]

Posts