Submit and follow buttons were red and now blue

  • Author
    Posts
  • #162536

    njturing
    Member
    Original poster

    When I set this up the buttons on the contact form and the follow blog widget were dark red (#830c0e) with white text and then
    grey on hover (#666666). However something has happened to change these to blue and I can’t work out what selectors to use to get them back to their original colours. Would appreciate your help with this. Changes needed can be seen most easily on this page https://dermotturing.com/contact/, but the sidebar is also used on the news page.

    Thanks
    Nicki

    The blog I need help with is: dermotturing.com

    #162542

    njturing
    Member
    Original poster

    I have found the relevant selector now and sorted the problem – button, a.primary-button, input[type=”submit”] . Not sure why it was OK originally and then changed – but presume that might be related to an update in the theme?

    #162551

    tarasdashkevych
    Theme Author

    Hello Nicki,

    “However something has happened to change these to blue …”
    – Hm… There was a theme update a few weeks ago but it did not include any changes regarding default elements (buttons, input, etc) of the form.

    I am going to investigate this issue.

    On the other hand, there is a very simple way of changing a default accent color of the theme globally on your site:

    
    body {
      --color-accent-base: #830C0E;
    }
    

    By the way, you no longer need the following custom CSS on your site to change the link underline color:

    
    .hentry .entry-content a:not(.primary-button) {
        border-bottom: 1px solid #830c0e;
    }
    
    #page .hentry .entry-content a, 
    #page .hentry .more-link-container a.more-link {
        border-bottom-color: #830c0e;
        border-bottom: 1px solid;
    }
    
    .hentry .entry-content a, 
    .hentry .more-link-container a.more-link {
        border-bottom-color: #530709;
    }
    

    Instead, just keep this custom CSS:

    
    .hentry .more-link-container a.more-link {
        border-bottom-color: #530709;
    }
    

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #162589

    njturing
    Member
    Original poster

    Thank you very much for the advice – all implemented and working fine now.

    Kind regards

    Nicki

    #162593

    tarasdashkevych
    Theme Author

    You are always welcome, Nicki!

    Kind regards,
    Taras

The topic ‘Submit and follow buttons were red and now blue’ is closed to new replies.