Home>Support>content container (grid) – post titles & drop down menu items under menu titles

content container (grid) – post titles & drop down menu items under menu titles

By Shane M Richardson, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi – how do i modify the post title font type – font style and font color for each individual post in the content container – i would also like to get rid of the dark grey backdrop (transparent) and just have the white text/title on the thumbnail image in each of the posts in the content container –

i also need to figure out how to do the same for the drop down menu items under : commercials, music videos and info – transparent back drop (not dark grey) and white font – i also need to modify the titles of each project /entry in the drop down menu – so that it looks cleaner compositionally – – : i.e.

everything on one line :
Britney Spears “Work Bitch”

or artist on one line and name of project underneath
BritneySpears
“Work Bitch”

thanks – shane

URL: http://www.shane-richardson.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Shane

    Appearance > Custom CSS:

    This is for the titles of each post in the loop grid:

    /* Focus Loop Title Text Size */

.loop-container article .entry-title {
  font-size: 15px;
  line-height: 1.5em;
}

    Looks you might be changing that already though.

    To change the single post title try:

    /* Focus Single Post Title */

#single-header .post-heading{
	line-height: 1;
	width: 100%;
	text-align: center;	
	font: "Open Sans", sans-serif;
	font-weight: 200;
	color: #FFF;
	margin-bottom: 30px;
}

    Going back to the archive/home page. To remove the grid title background:

    /* Grid Loop Title Background */

.loop-container article .entry-title span {
  background: none;
}
  2. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    All the above CSS must go at Appearance > Custom CSS.

    Looks like you might have a few modification in the theme’s main style.css file. Don’t forget they won’t survive a theme update. All WordPress.org themes completely overwrite their own folder during theme update.

  3. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Try the following for your drop down menu:

    /* Drop Down Menu */

#masthead .site-navigation .menu-wrapper ul ul {
	background: red;
	min-width: 180px;
}

#masthead .site-navigation .menu-wrapper ul ul a{
	color: blue;
}

#masthead .site-navigation .menu-wrapper ul ul a:hover{
	color: yellow;
}

    Please also check out our new Custom CSS plugin: https://siteorigin.com/css. It has a visual editor that I think you’ll like.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More