Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 27, 2016 at 6:52 am #653671
    ShortieD

    Hi there – I’m having trouble with my custom class headings styles not changing as per my css

    Please see this page http://rfl.shortiedesigns.com/products/

    1 – under the 4 product images (4 pole, 2pole, enclosed etc…) there are the titles of the products using a H3, i’ve assigned a custom class to them sd-headingthree
    2 – I’d like to override the styles for this class but they’re not working…this is what I have in my CSS but it’s not working

    h3.sd-headingthree {
    font-family: ‘Roboto Condensed’, sans-serif !important;
    color: #4a4848 !important;
    font-size: 20px !important;
    }

    I obviously don’t have the right order, I also tried .sd-headingthree > h3 and this didn’t work either.

    Any help would be great…

    cheers

    June 27, 2016 at 9:14 am #653713
    Vinay

    Hey ShortieD,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .sd-headingthree h3{
font-family: ‘Roboto Condensed’, sans-serif !important;
color: #4a4848 !important;
font-size: 20px !important;
}

    Best regards,
    Vinay

    June 28, 2016 at 7:06 am #654063
    ShortieD

    okay thanks that did it – I tried that but I had added it to my child theme stylesheet – is there anyway to make this style work in my child’s stylesheet – this way I can keep it all in one place….

    cheers

    June 29, 2016 at 7:58 am #654646
    Vinay

    Hi,

    Please add it to the bottom of child theme styles. Adding it to the bottom will overwrite any other css rules added earlier.

    Best regards,
    Vinay

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