Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 17, 2018 at 10:47 pm #974049
    tremblayly

    Hi
    I’ve been trying to change the styling of the widgettitle background color, text color, and border color, but I have not been successful so far.
    Here’s the CSS code I use in the Child Theme styles.css to make those changes to only specific pages (one at a time):

    .page-id-30454 body#top .main_color .widgettitle {
    border-color: #1981b4!important;
    background-color: #1981b4!important;
    color: #fff!important;
}

    Can you please help figure out why these color changes are not getting applied.

    Thanks
    Lyse

    June 18, 2018 at 2:44 am #974062
    tremblayly

    Hi
    Found it!
    I used only the widgettitle class alone…..
    Thanks

    June 18, 2018 at 2:57 am #974063
    tremblayly

    Hi
    Although I found it, it also changed the footer widget title but I don’t want that one changed….
    Please help again….
    I left the code to its original CSS code because this is the live site and the footer displays unprofessionally.
    Thanks
    Lyse

    June 18, 2018 at 12:54 pm #974218
    Victoria

    Hi Lyse,

    Could you please give us a link to your website, we need more context to be able to help you.

    Which widget are you trying to change?

    Best regards,
    Victoria

    June 18, 2018 at 3:36 pm #974315
    tremblayly

    Hi Victoria,

    Sorry about that.
    Here’s the one page: https://silviafindings.com/custom-made-designs
    Here’s the other: https://silviafindings.com/custom-designed-molds

    I would like the left and right widget titles on the pages changed (SEARCH and JOIN OUR MAILING LIST

    Thank you
    Lyse

    June 19, 2018 at 9:06 pm #974959
    Basilis

    Hi,

    I can see you have the following code at enfold_child.css
    which you need to change

    body#top .main_color .widgettitle {
    border-color: #d4d3d2;
    background-color: #000000;
    color: #a9905a;
    }

    With the appropriate color codes

    Best regards,
    Basilis

    June 19, 2018 at 9:22 pm #974968
    tremblayly

    Hi Basilis

    This is the element I’m trying to change and where I added the page IDs with new colors.

    .page-id-30454 body#top .main_color .widgettitle,
    .page-id-8468 body#top .main_color .widgettitle {
    border-color: #1981b4!important;
    background-color: #1981b4!important;
    color: #fff!important;
    }

    So what are you telling me?
    Lyse

    June 20, 2018 at 6:01 am #975095
    Mike

    Hi,
    Please try this css:

    #top.page-id-30454 .main_color .widgettitle,
#top.page-id-8468 .main_color .widgettitle {
border-color: #1981b4!important;
background-color: #1981b4!important;
color: #fff!important;
}

    If you add this to your child theme style.css you may need to re-build your merged css files. To re-build the merged css files, try entering a blank space in the Quick CSS to enable the “Save all changes” button, then save.

    Best regards,
    Mike

    June 21, 2018 at 1:33 am #975599
    tremblayly

    Hi Mike,
    I applied the suggested changes and it works.
    Thank you for all your help.
    Lyse

    June 21, 2018 at 1:59 am #975601
    Mike

    Hi,

    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change styling of wigettitle’ is closed to new replies.