WordPress.org

Ready to get started?Download WordPress

Forums

The Events Calendar
[resolved] Event list page background is the wrong colour (8 posts)

  1. kiwimeg
    Member
    Posted 3 years ago #

    When I go to the event list page it shows in a white background - my website has a black background ....

    Is it possible to change this so that the events page background is also black? How would I do this?

    Any assistance much appreciated!

  2. maxgoldberg
    Member
    Posted 3 years ago #

    How was this resolved? I want to change some colors as well... thanks.

  3. kiwimeg
    Member
    Posted 3 years ago #

    I edited the the-events-calendar/resources/events.css file

    Look for the code

    .category-events #tec-content {
    	background:#1E1E1E;
    	width:670px;
    	padding:1px 35px;
    	margin-left:10px;

    and adjust the background:# to the colour you prefer

    I found a couple of great tools to help match the colour to my website:
    the colorzilla add-on for firefox (http://www.colorzilla.com/firefox/) & this web colour chart http://html-color-codes.com/

    Hope this helps!
    Meg

  4. maxgoldberg
    Member
    Posted 3 years ago #

    Thanks for the info, Meg! Turns out I'm actually trying to change the color of the hover box.... How do I describe ... the container of the information in the tooltip when I mouse over a date in gridview, the hover box, is blue. I want to change that color. (I'm talking about the background color of the post title content in that hover box). Blue doesn't go at all with the site I'm building, I need to change the color... any thoughts?

    Thanks!

    m

  5. kiwimeg
    Member
    Posted 3 years ago #

    I think I get the bit you mean LOL

    In the-events-calendar/resources/events.css file try changing the colour code here:

    .tec-tooltip .tec-event-title {
    	background-color: #3F7DBD;
    	margin:0;
    	color:#fff;
    	font-size:12px;
    	padding:0 6px;
    	height:24px;
    	line-height:24px;

    Hope this helps!!
    Meg

  6. AnnieMarie317
    Member
    Posted 3 years ago #

    kiwimeg I am hoping you still check this thread because I think you could answer my question :)

    I would like to adjust the background color on the single event view. Can you point me to the correct code? Thanks!

    (anyone else is welcome to chime in too)

  7. maxgoldberg
    Member
    Posted 3 years ago #

    AnnieMarie317 - a relatively easy way to find this is to use Chrome, and then go to the wrench icon in the top right corner, and then Developer Tools, and the click on the magnifying glass (inspector tool). Click on the part of the site you're curious about, and the the corresponding bit of code will show up in the bottom right box.

    Hope this helps.

    m

  8. AnnieMarie317
    Member
    Posted 3 years ago #

    thanks max - I'll try it :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic