Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 16, 2016 at 10:21 pm #584379
    kvpacs

    Hello,

    I’m trying to apply custom styles to a post slider. The slider I would like to target is on our homepage, in the Facility Rentals section 2/3 down the page. I’ve entered a class called rca-rental-slider in the custom css field of the slider, and would now like to make the following changes:

    .entry-content-header { min-height: 60px; }
    .blog-categories minor-meta { display: none; }
    .avia-content-slider .slide-entry-title { color: #fff; padding-top: 10px; }

    Would you mind guiding me in how to add .rca-rental-slider to the above styles, to target this slider only? I’ve had no luck.

    Thanks so much

    February 18, 2016 at 5:12 am #585137
    Rikard

    Hey kvpacs,

    I’m not exactly sure what changes you would like to make, but you can try the following to target the slider text for instance:

    .rca-rental-slider .slide-entry-title a {
color: #fff !important; 
padding-top: 10px !important; 
}

    A screenshot highlighting the changes you would like to make would help us understand better.

    Thanks,
    Rikard

    February 20, 2016 at 3:52 am #586381
    kvpacs

    Thanks Rikard.

    There’s a screenshot of the slider in private content. But I think you’re on track with what I was trying to do….

    1) Blog category (“Facility Rentals”) – would like to hide so it doesn’t display.
    2) Slide Entry Titles (room names) – would like to change the font color to white, add 10px padding to top, and give the area a minimum height of 60px, to keep height consistent for titles that use 1 or 2 lines.

    The CSS you sent looks good, but I don’t see any change after adding it to my child theme. Is there something else I could try?

    Thanks again

    February 22, 2016 at 8:21 am #586934
    Rikard

    Hi,

    Please try the following as well:

    .entry-content-header .blog-categories {
display:none !important;
}

.avia-content-slider .slide-entry-title {
min-height:60px !important;
}

    If you should have any further problems then please post admin login details in private.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.