Need some CSS coding for the Adventure Theme

  • Unknown's avatar
    karenemilson · Member ·

    Sure hope someone can help me. I’d like to add some CSS coding to my site which is in the Adventure theme. I’d like to take my current randomized uploaded headers and assign each one to a different page so that they don’t change. I see in the forums that this can be done in some of the other themes by Organic. Is this possible and if so, can someone help me with that code? Thank you very much.

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

  • supernovia · Staff ·

    Hi @karenemilson, this takes some pretty involved CSS, so I’m moving this to an appropriate forum for that.

    You would need to start with something like this:

    .banner img { display: none; } 

@media screen and (min-width: 400px) {
	.banner {
	background-size: cover !important;
	width: 1440px;
	height: 280px;
	}
}

@media screen and (max-width: 400px) {
	.banner {
	height: 97px;
	width: 100%;
	}
}

    And you would also something like this for every post that needs a different image: 

    .postid-1451 .banner {
	background: url(https://yoursite.files.wordpress.com/2015/08/nameofimage.jpg) !important;
}

    That post ID can be found in your page’s source code with Inspect Element or View Source. And you could need to customize the image url for each post. If your site is very large, this could be difficult to manage.

    There are themes that do this kind of thing automatically, so you might consider using one of those. Or you might also check with your theme’s support forum for other ideas:
    http://premium-themes.forums.wordpress.com/forum/adventure

  • Unknown's avatar
    karenemilson · Member ·

    Thank you very much for your help. I’ll give it a try.

  • supernovia · Staff ·

    Also the 400px is kind of arbitrary since I couldn’t tell for sure where the theme resizes to its smallest screen version. You may need to adjust that.

  • The topic ‘Need some CSS coding for the Adventure Theme’ is closed to new replies.