- This topic has 2 replies, 2 voices, and was last updated 6 years, 3 months ago by
.
-
Posts
-
Hi guys,
i am using the Minimum Pro Theme and would like to add a hover effect to scale in an change background color on blog excerpts on my home page.
I used stylesheet;
.entry-content {
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}.entry-content:hover {
background: #a2a2a2;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}However this gives me a hover effect on every page like my "About" page as well.
From my understanding this occurs because all pages use the entry-content div.
What would be the smartest way to achieve this? Do i need to add a new div to the grid loop and only use it on the home page? What would suck in the blog posts excerpts and header images then?
http://keepmovinblog.comThe <body> tag includes a class of "home" on the front page only. To apply a style to a home page element only, add ".home" to the CSS selector for the element.
.home .entry-content { ... }
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.