skip to Main Content

Change Events Calendar widget hyperlink colour with custom CSS in WordPress

Have found great help with R on SO–now for something completely different.

I am working in WordPress 5.8.3.

I am building a website using the Blank Canvas theme, a child-theme of Seedlet–Not sure whether that is all relevant. I am a novice with WP and all things web development. I have installed the Events Calendar plugin and have it all configured with some test events and dates so no issues there. I am customizing the theme colours using the Additional CSS prompt from the WordPress dashboard interface.

I haven’t gotten permission to publish the site, so unfortunately I can’t offer a live demo. I will try to be explicit.

I have found helpful resources with instructions on how to use this utility for menus, for general custom CSS, and some useful information for changing properties of footers with CSS. Now I am trying to modify hyperlink colours within the Events calendar widget. I have approached this problem the same way as all the others but this one has stumped me. I elaborate:

The link in yellow should be black.

From this image, you can see the Events Calendar hyperlink text is yellow. I opened the inspector and determined that this object is called .tribe-events-widget .tribe-events-widget-events-list__view-more-link. I thought the following code should change the colour

.tribe-events-widget .tribe-events-widget-events-list__view-more-link {
    color:#000;
}

It does not. This code makes no visible change. However, when I also change the background-color like this:

.tribe-events-widget .tribe-events-widget-events-list__view-more-link {
    background-color:black;
    color:#000;
}

The result is:

enter image description here

This led me to believe that there is no colour option for this element—HOWEVER, the inspector shows that this element has the ‘color’ property:

enter image description here

And I’m stumped. I’m not even sure when or how this color-link-accent got defined. This check-mark toggle is not a permanent solution and besides, I would very much like to understand what is going on here.

Any advice would be greatly appreciated.

VIEW QUESTION

Customize Background in Shopify Section (Dawn Theme)

I would like to create three versions of backgrounds that can be set via the section-settings in the Shopify Dawn Theme. current looks [1]: https://i.stack.imgur.com/SJWZQ.png The default theme.liquid defines some global variables: --color-base-background-1: {{ settings.colors_background_1.red }}, {{ settings.colors_background_1.green }}, {{…

VIEW QUESTION

Chang color of menu items wordpress

I would change the color of the menu items in wordpress. In this site https://www.modacapellishop.it/ I have four voices in the menu (Brand, Prodotti, Modacapelli Choice, Outlet) and I need to change the color of Modacapelli Choice (grey to blue).…

VIEW QUESTION
Back To Top
Search