How to fix Styling after Theme Update - by reneeblundon

Solved5 replies3 participantsUpdated by Eva Kemp

  • Avatar: reneeblundon
    reneeblundon
    Member

    Hi, it’s me again.

    Overall the website’s looking and working pretty good after the update 🙂 There’s just some styling items that have been changed and I’m not sure how to change them back to the way they were before.

    Here’s a list of a few of the things I’m trying to fix:

    1) The Buttons – How do I get the color of the buttons on the revolution slider and in the top hidden area to be semi-transparent white by default and purple (the “main color”) on mouse-over, instead of red by default and semi-transparent white on mouse-over?

    2) Quotebox (in top hidden area) – How do I get the border around the quote box to be light grey instead of stark white? Also, it’s sliding every second, how do I get it to stop sliding unless clicked on?

    Here’s a screenshot, pointing out the items I’m referring to:
    http://anovelideatz.com/wp-content/uploads/2015/05/updated-site.jpg

    Here’s some screenshots from before the update of how I want the site to look:
    http://anovelideatz.com/wp-content/uploads/2015/05/orig-site-default.jpg
    http://anovelideatz.com/wp-admin/post.php?post=475&action=edit

    With thanks,

    Renee

    #63797 Copied

    5 Answers

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,
    1) Please add the following code in custom.css file.

    .top-panel .button.white{
  color: #222 !important;
  background-color: rgba(255,255,255,0.7) !important;
  border: 1px solid rgba(255,255,255,0.7) !important;
}
.top-panel .button.white:hover {
  background-color: #ed1c2e;
  color: #fff;
  border: 1px solid #ed1c2e !important;
}

    2) 

    .testimonials-text{
  border: 1px solid #817B7B;
}

    You can change all setting in Statick Block->Hidden Area->Testimonials Widget. http://prntscr.com/750g03
    Regards,
    Robert Hall.

    #63842 Copied
    Avatar: reneeblundon
    reneeblundon
    Member

    Hi Robert,

    I added the css for #1 to the legenda-child style.css, as well as the legenda default.custom.css then the legenda style.css but there is no change to the button color unfortunately.

    The css for #2 updated to the right color when I added it to the legenda style.css – wouldn’t work when I added it to the default.custom.css or child style.css but at least it’s working on the legenda style.css.

    If you could look into #1, I’d super appreciate it 😀 Let me know if you would like FTP access 🙂

    #64006 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    I’ve edited the code in style.css of the child theme.
    Please clear browser cache and check.

    Regards,
    Eva Kemp.

    #64028 Copied
    Avatar: reneeblundon
    reneeblundon
    Member

    Just checked it out and it looks great! Thanks so much 😀

    #65560 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #65583 Copied

The issue related to '‘How to fix Styling after Theme Update’' has been successfully resolved, and the topic is now closed for further responses