|
Ted Karlsalr
|
July 26, 2014 at 1:20 pm
Hi there,
How can I change the font size for event list? specially the Title. It is so small the one can easily miss it.
Ted
|
|
Lorenzo Orlando Caum
|
July 26, 2014 at 6:41 pm
Hi,
You can inspect any element on a page using Chrome developer tools or Firebug. This will tell you the exact CSS that is in use.
You can then add new CSS to your child theme or through a plugin like My Custom CSS or Reaktiv CSS Builder.
https://eventespresso.com/wiki/hide-certain-elements-event-espresso-pages-using-css/
—
Lorenzo
|
|
Ted Karlsalr
|
July 26, 2014 at 8:26 pm
Thank you Lorenzo. I have the Custom CSS plugin but I don’t know how to find the CSS code for the title of events. Can you please help me out?
|
|
Dean
|
July 28, 2014 at 2:33 am
Hi Ted,
If you are using Chrome or Firefox you can right click on the element and inspect element – here’s a tutorial, though I’m sure if you Google it there are others: http://www.html5rocks.com/en/tutorials/developertools/part1/
In this case try the following:
.espresso_events div.post_title h2 {
font-size: 26px;
}
|
|
Ted Karlsalr
|
July 28, 2014 at 11:05 am
Thank you Dean, I added the code to My Custom CSS plugin and saved it, but nothing changed. I even increased the font size to 56pix but everything is the same. What can I do please help me as I don’t know anything about programming.
Ted
|
|
Lorenzo Orlando Caum
|
July 28, 2014 at 1:55 pm
Hi,
Can you post a URL to the page with the event list?
—
Lorenzo
|
|
Ted Karlsalr
|
July 28, 2014 at 1:57 pm
Hi Lorenzo, Here it is
http://omnilargess.com/upcoming-classes/
|
|
Lorenzo Orlando Caum
|
July 28, 2014 at 2:14 pm
Thanks. This should work for you:
.espresso-event-header-dv h2.entry-title{font-size:large}
—
Lorenzo
|
|
Ted Karlsalr
|
July 28, 2014 at 2:19 pm
You are awesome! Thanks a lot. Is it possible to make it a little bolder as I can post the feature image (according to other post)?
|
|
Lorenzo Orlando Caum
|
July 28, 2014 at 2:42 pm
.espresso-event-header-dv h2.entry-title{font-size:large;font-weight:bold}
—
Lorenzo
|
|
Ted Karlsalr
|
July 28, 2014 at 2:48 pm
Awesome! You are my hero, just if you can find a way to set the feature image as I posted in another topic here.
https://eventespresso.com/topic/upgrading-to-ee4-steps-2/page/2/#post-108978
Just in case if I want to increase the size what would replace “font-size: large” to?
|
|
Lorenzo Orlando Caum
|
July 28, 2014 at 3:03 pm
You could try something like this:
.espresso-event-header-dv h2.entry-title{font-size:28px;font-weight:bold}
—
Lorenzo
|
|
Ted Karlsalr
|
July 28, 2014 at 3:09 pm
That is perfect. Now I can change the font size if I need to
Thank you so much
Ted
|
