X
26504

Ticket #26504 Public

Font Size & Color Event Lists

Hi,

how i am able to change the header font size and color of an event in the view “event lists”?

Thanks for your help.

Kai

BY: junkih - Feb 2,2017 AT 3:56AM - 3 years ago
    • By: Ashish Rai Feb 2,2017 AT 5:28AM - Posted 3 years ago - #26515

      You mean for one specific event?

      Also, share your website address.

    • By: junkih Feb 2,2017 AT 6:15AM - Posted 3 years ago - #26533

      No in general.

      http://peacock-school.com/peacock1116/events/tea-chat/

      scroll down to the bottom. There i´ve integrated an event list. I would like to have a smaller font size for the header (in this example “Tea & Chat”). Also i want to able to change the size for the sub-heading if there is one.

      Thanks

    • By: Ashish Rai Feb 2,2017 AT 8:45AM - Posted 3 years ago - #26559

      Please go to eventon->styles and add following code in the panel and save the settings:

      .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2{
      font-size: 12px !important;
      }

      If you do not see any changes, go to myeventon->settings and turn on “Write dynamic styles to header” button.

      If you still do not see any change, turn off “Write dynamic styles to header” button, save the settings, turn it back and save the settings again.

    • By: junkih Feb 3,2017 AT 9:37AM - Posted 3 years ago - #26723

      Hi,

      that worked. For your info i had to turn on “write dynamic styles…” for it. Thanks a lot for that.

      Another question. How do i add a style to an element on a spefic site?

      For example. The CSS i used to change the font size works now on every event. That is great. But how do i realize to change for example the font size just on a specific site? So that the Event list looks different on that one site but not on the others?

      I´m looking for a way to adapt the background color of the event list, depend on the background color used on a specific site.

      Thanks for your help again.

      Kai

    • By: Ashish Rai Feb 5,2017 AT 2:12AM - Posted 3 years ago - #26832

      You mean site or a page?

      If it is site, then you just need to change the property values accordingly for that specific site.

      So, if you want black background, the css will look something like this:

      div.site{

      background-color:#000000;

      }

       

    • By: junkih Feb 7,2017 AT 1:52AM - Posted 3 years ago - #27059

      Sorry, i mean page.

      Question is how do i change the style of an event list for just one page?

      For example: http://peacock-school.com/peacock1116/events/tea-chat/

      What do i have to do if i want to change for example the font-size for that specific page? The  event lists on other pages should stay uneffected.

      Thanks

    • By: Ashish Rai Feb 7,2017 AT 3:10AM - Posted 3 years ago - #27063

      You can add the page id class in front, like this:

      .page-id-30 .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2{
      font-size: 12px !important;
      }

      To get hold of page it, go to dashboard->pages and hover the mouse over the title, the ID number will show up on the bottom of the browser.

    • By: junkih Feb 8,2017 AT 1:11AM - Posted 3 years ago - #27243

      Thank you very much. I will check this out.

      Great support by the way.

      Greets

      Kai

    • By: Ashish Rai Feb 8,2017 AT 5:54AM - Posted 3 years ago - #27263

      No problem. Glad to help.

      If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!

    • By: Rigo Guerrero Apr 19,2017 AT 10:08PM - Posted 3 years ago - #34699

      Wow, this page has so much good info not only on targeting font size but also on specific pages by ID, way-way cool, thank you so much for your help!

    • By: Ashish Rai Apr 20,2017 AT 12:52AM - Posted 3 years ago - #34711

      @rigogs

      Glad you found it useful. Always happy to help.

      If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!

You must login to reply to this ticket

HelpDesk

Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON