|
siouchko
|
May 25, 2014 at 1:30 pm
Hi,
can someone help me sort out this page?
http://www.paintingparty.ca/events/flower-meadow/
The event details just look too messy and cluttered. Too many useless headings, too many font variations (although it’s all one font!). It just looks BAD!
How do I get rid of the titles that I don’t need? like “event details” (and that date above it, what’s it there for anyway?), and the other parts like “event location”, that’s the same thing as “venue”, and “address”. There’s no need to say it THREE TIMES!
Also, is there a way to remove the little black symbols beside each heading? They don’t look professional.
I just want it to be CLEAN. Please help! Thank you!
|
|
Lorenzo Orlando Caum
|
May 25, 2014 at 2:03 pm
Hi,
You can inspect any of the elements on the page using a tool like Firebug or Chrome Developer Tools. They will tell you the CSS that is being used for a specific elements.
Then you can combine these classes & ids with display:none.
The following will hide the icons:
span.icon-date, span.icon-category, span.dashicons-flag, span.ee-icon-tickets, span.dashicons {display:none;}
The following will hide the event details heading along with the date that appears above it:
.entry-meta, .about-event-h3 {display:none}
These styles can be added to a plugin like My Custom CSS.
—
Lorenzo
|
|
siouchko
|
May 28, 2014 at 3:32 pm
That worked great! thank you! I was able to use Chrome Dev tools to locate the other items that I needed gone, and it worked. Just one more that I can’t handle, can you help me out?
http://www.paintingparty.ca/events/flower-meadow/
In the tickets list, there’s a button “show details”. There is NO useful information in that drop down. I want to remove “show details” for ALL events and ticket pages. Is there a code for that?
When I used the CSS finder, it gave me a code and it worked for deleting the button “show details”, but only for that one listing. How can I delete it universally for ALL listings?
thank you!
|
|
Lorenzo Orlando Caum
|
May 28, 2014 at 4:34 pm
Glad you to hear you were able to make changes on your end. You could target the CSS class instead of the CSS id.
This will work in a plugin like My Custom CSS:
.display-tckt-slctr-tkt-details{display:none !important;}
—
Lorenzo
|
