|
Mei Len Sanchez Barr
|
September 11, 2015 at 11:19 am
I would like to hide the registration start dates and the author’s name. For example on our site (http://www.ecoadventures.org/events/) under the event title in grey is “September 1st Jessica”. I would much rather our clients see the date and time that the event is actually taking place.
|
|
Lorenzo Orlando Caum
|
September 11, 2015 at 12:51 pm
Hi Mei Len,
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 via a plugin that adds an additional stylesheet to your WordPress site such as My Custom CSS or Reaktiv CSS Builder.
Try this CSS:
.espresso_events .meta-date, .espresso_events .meta-author {display:none;}
The Safari web browser also has a free developer tool. I used it to locate the CSS above.
Thanks
—
Lorenzo
|
|
Mei Len Sanchez Barr
|
September 25, 2015 at 4:19 pm
Hi Lorenzo,
I appreciate your help. Computers aren’t my specialty and I’m trying to follow your suggestion above, but don’t really understand. I use Firefox and downloaded their web developer tools. I was viewing the CSS? below, but really have no idea what I’m looking at here. I would like to just delete the section that has the event creation date and author, but would I have to do that for every event or is that what you were talking about when you said something about going into the theme?
html>body>div#outer-wrap>div#wrap>div#main>div#content-wrap>section#primary>div#content>article#post-2451>div>header>ul
http://www.ecoadventures.org/wp-content/themes/EcoAdventures-NewCore/style.css
/* Line 13 */
*, *::before, *::after
{
box-sizing: border-box;
}
/* Line 13 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
outline-width: 0px;
outline-style: none;
line-height: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-feature-settings: inherit;
font-language-override: inherit;
font-kerning: inherit;
font-synthesis: inherit;
font-variant-alternates: inherit;
font-variant-caps: inherit;
font-variant-east-asian: inherit;
font-variant-ligatures: inherit;
font-variant-numeric: inherit;
font-variant-position: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
/* Line 13 */
ol, ul
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
/* Line 1246 */
.meta
{
font-size: 0.923em;
color: #777777;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
|
|
Josh
|
September 25, 2015 at 6:10 pm
Hi Mei Len,
Lorenzo’s suggestion to add the CSS via a plugin like Reaktiv CSS Builder plugin is the solution we recommend first because it doesn’t involve directly altering your theme, which could have the unintended affect of changing other parts of your site.
|
