Change colour of href text and button colour

  • Author
    Posts
  • #3402617

    ooliatr
    Member

    Hi there,

    Wondering how to change the colour of href links throughout my site to: #008080, including stuff in the widgets in the side bar.

    Also, I’d like to change the colours of the orange in the eventbrite calendar in the sidebar widget and not sure how to do that.

    advTHANKSance

    Julia

    The blog I need help with is juliafry.com.

    #3402755

    macmanx
    Staff

    Sure, via Custom CSS https://en.support.wordpress.com/custom-design/custom-css/ add this for the links:

    a {
        color: #008080;
    }

    The oranges need a bit more. They’re:

    .eb-calendar-widget .simpleTabsNavigation a.current {
        background: #eb7626;
        border-bottom: 2px solid #d35400;
    }
    .eb-calendar-widget .button {
        background: #e67e22;
        -webkit-box-shadow: 0 2px 0 #d35400;
        -moz-box-shadow: 0 2px 0 #d35400;
        box-shadow: 0 2px 0 #d35400;
    }

    And adjust the color as desired.

    #3403037

    ooliatr
    Member

    Amazing! Thank you, macmanx. Do you know how I might change the colour of the line underneath “Upcoming Events” in the eventbrite widget? And the hove colours of “List” and “Calendar” and the Eventbrite logo?

    Thanks again! <3

    #3403038

    ooliatr
    Member

    Ooh, one more thing, as Columbo might say… Do you know how to change the hover colour of the main menu items and site-title? I haven’t been able to change the site-title colour – do you know why this might be?

    Thanks again!

    #3403076

    Do you know how I might change the colour of the line underneath “Upcoming Events” in the eventbrite widget?

    This would be the code:

    
    /*Changes color of the underline in eventbrite widget*/
    .eb-calendar-widget h2::after {
        background: [your color];
    }

    And the hove colours of “List” and “Calendar” and the Eventbrite logo?

    Which of the colors do you wish to change? There are different colors depending if the tab is active or not.
    Remember that with your plan you can also access Live Chat directly from https://wordpress.com/help/contact

    #3403138

    ooliatr
    Member

    Thanks so much! When I hover my cursor over List it changes to orange and I’d like it to change to teal. Same for Calendar when that’s clicked.

    The eventbrite logo is at the bottom of the calendar and I’d like it to be pink, not orange :)

    #3403222

    macmanx
    Staff

    The Eventbrite logo is an image, so that can’t be changed via CSS, it’ll have to stay orange.

    For the rest, that’s:

    .eb-calendar-widget .simpleTabsNavigation a.current:hover {
        background: #eb7626;
    }
    .eb-calendar-widget .button:hover {
        background: #e67e22;
        -webkit-box-shadow: 0 2px 0 #d35400;
        -moz-box-shadow: 0 2px 0 #d35400;
        box-shadow: 0 2px 0 #d35400;
    }

    And adjust the color as desired.

You must be logged in to reply to this topic.