WordPress.org

Support

Support » Plugins and Hacks » The Events Calendar » [Resolved] Event list page background is the wrong colour

[Resolved] Event list page background is the wrong colour

  • 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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • How was this resolved? I want to change some colors as well… thanks.

    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

    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

    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

    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)

    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

    thanks max – I’ll try it 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Event list page background is the wrong colour’ is closed to new replies.
Skip to toolbar