Support

March 5, 2015 at 1:02 pm

Hi there Chris,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.

Try this CSS:

.single-espresso_events #main-content, .single-espresso_events .et_pb_section {
    background-color: black; 
}

.post-type-archive-espresso_events #main-content, .post-type-archive-espresso_events .et_pb_section {
    background-color: black; 
}

Could you confirm that the background color changes when those lines of CSS are used?

I did not see the featured text that you mentioned. Did you want to hide the ellipses and the posted by author on the classes page?

—
Lorenzo

March 6, 2015 at 11:45 am

Hello again Chris,

Add this additional CSS below the existing CSS that I shared in my earlier reply:

.single-espresso_events.et_right_sidebar #left-area {
    float: left;
    width: 100%;
    margin-right: 0;
}

.single-espresso_events.et_right_sidebar #sidebar {
    display:none;
}

.single-espresso_events .container::before { 
	display:none; 
}

.post-type-archive-espresso_events.et_right_sidebar #left-area {
    float: left;
    width: 100%;
    margin-right: 0;
}

.post-type-archive-espresso_events.et_right_sidebar #sidebar {
    display:none;
}

.post-type-archive-espresso_events .container::before { 
	display:none; 
}

If you would also like to remove the post meta information such as the author name and posted by date, then also add these styles:

.single-espresso_events .post-meta {
	display:none; 
}

.post-type-archive-espresso_events .post-meta {
	display:none; 
}

Let us know if that helps.

Thanks!

—
Lorenzo

March 9, 2015 at 3:19 am

Hi,

That looks like the Short Description (word count determined by the theme). You can disable it by going to Event Espresso > General Settings > Templates tab > and change Display Description to None > then Save settings.