Goran Theme Customization

klgallery · Member · Nov 18, 2014 at 8:30 pm
Copy link

Add topic to favorites
On my site using the Goran theme, I would like to have two different featured images for a post. The first featured image is what will be on the home page, but when a user clicks on the image and is taken to the actual post, I want the featured image on the actual post to be a different one. Is that possible? I have the Custom Design upgrade.

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Nov 19, 2014 at 3:53 pm
Copy link
It’s not possible to change functions such as adding the ability to set two featured images per post, but you can make changes to the appearance of already existing elements on a page using CSS. For example, you could replace the header images on specific pages using CSS code.

Here is an example that will hide the header image on all pages and then replace the header image on the “Case Studies” page with a tiled background of the WordPress logo:
```
#page .hero.with-featured-image {
	background-image: none;
}

.page-id-12 #page .hero.with-featured-image {
	background: url(http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png) repeat;
	background-size: auto;
}
```
The “.page-id-12” part is one of the body classes from the “Case Studies” page at http://keithlipertcorporate.com/case-studies/

You can look up body classes by using your browser tools. The video on this page shows how:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

No items found.