Changing size of title text on homepage, not other pages

• 

  anothernicole · Member · Apr 7, 2015 at 4:04 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m working with the Ubud theme, which I really like. I just wanted to increase the font size of the entry-titles on the home page. The mouse hovers over the featured images, and the title appears–but its so small. So I used this CSS to try and make the title larger:

  .site-content article:hover .entry-title {
  	font-size: 20px;
  }

  That worked the way I wanted it to on the homepage, but it caused problems on other pages. Now on the post pages, the titles enlarge when I hover over them, and in the list view, too, the title enlarges when I hover over it. What can I do to keep the larger size on the homepage, but not have the funny stuff on other pages?

  Any help is greatly appreciated!!

  Nicole

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · Apr 7, 2015 at 6:34 am

  • Copy link

  Hi Nicole.

  Your articles in the homepage are under a <div class=”maincontent-wrap”>, so you can use .maincontent-wrap.entry-title to specify in your CSS you want those font-size changes only in this page and not in single posts.

  I hope this helps.

• 

  staff-jeanpierreac · Staff · Apr 7, 2015 at 6:55 am

  • Copy link

  Hi again. (I did not put an space between .maincontent-wrap and .entry-title!)

  If I understand you, you could change .site-content by .maincontent-wrap in your statement to get what you want.

  Have a nice day.

• 

  anothernicole · Member · Apr 7, 2015 at 2:55 pm

  • Copy link

  Hi! Thanks so much! That totally fixed the problem on the single post pages :)

  I’m still getting a sort of hover-and-zoom effect when I view the homepage in “list view”–is that because both the grid view (which is where I wanted the larger font size) and the list view are under maincontent-wrap?

  Thanks again so much!
  Nicole