Bloggy Theme Header – CSS query

  • Unknown's avatar
    thymehoney · Member ·

    Hello!

    Right so I know that CSS varies between themes so here’s my issue: I’m using the premium theme Bloggy by Anariel Design, and I’d like to link the header image so I can remove ‘home’ from the top nav menu.

    Can anyone help?! I am useless with CSS.

    Thank you!

    Gabriella

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Gabriella, you know, with the way the HTML and CSS are structured in Bloggy, I’ve not been able to do this cleanly. I’ve tried a number of tricks and it just doesn’t work well when the browser window is narrowed or on smaller screens such as tablets and phones.

    I haven’t given up, but need to work on it some more.

  • Unknown's avatar
    designsimply · Member ·

    I took a look at your site and came up with a possible solution.

    Here is a proof of concept that takes the foodgawker image widget from the main sidebar area and repurposes it over the top of the Thyme & Honey header image. It has a yellow background and a red dashed border just for visualization purposes and shouldn’t be used as the final solution:

    .container {
	position: static;
}
#image-4 {
	border: 1px dashed red;
	background: rgba(255, 255, 0, 0.3);
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
}
@media (min-width: 840px) {
	#image-4 {
		height: 200px;
	}
}
@media (min-width: 1500px) {
	#image-4 {
		height: 300px;
	}
}

    To do something similar with a link, you could add a text widget with a link like this as the only content:

    <a href="thymeandhoney.co.uk"></a>

    Once it has been added, I can help you get the unique ID the text widget and move the link up to the top to cover the header image area.

    If you want to give it a try, add the text widget and then send me a reply here and I’ll take another look.

  • Unknown's avatar
    designsimply · Member ·

    Do you still need help making the header image work as a link on the http://thymeandhoney.co.uk/ site?

  • Unknown's avatar
    designsimply · Member ·

    The pictures on http://thymeandhoney.co.uk/ look fabulous!

    If you still want to try to add a link to the header area on that site, let me know. :)

  • Unknown's avatar
    designsimply · Member ·

    Since we haven’t heard back from you in a few weeks, I’m going to mark this issue as resolved. If you have any questions later or want to check back in about this issue, please start a new help request at https://en.forums.wordpress.com/forum/css-customization/#postform

  • The topic ‘Bloggy Theme Header – CSS query’ is closed to new replies.