Change position of Logo and Title

[FSR Medizin]

Hey folks,
after the great support last time, I do now have another problem. I want to change the Logo’s position, so that appears on the right instead the left side oft the title. Where can I find the correct place in the header-template? Perhaps someone even can tell me what to change exactly.

Best regards,

Martin

[Sushil Adhikari]

Now the fun begins…you will definitely have some CSS work do do here, but to give you a starting point, the logo that sits to the left of the text based title and tagline is done from the style.css file around line 580 and looks like this:

#cir-logo-group,
#cir-site-title-group {
	display: block;
	overflow: hidden;
	text-align: left;
}

#cir-logo {
	float:left;
	margin: 0 0.5em 0 0;
}

The logo box with the id #cir-logo itself floats to the left, but you will want to float that to the right instead. You may need to also adjust the title group too because that still floats to the left as well.

[FSR Medizin]

Thanks for the quick answer. Switching the position with

#cir-logo {
	float:right;
	margin: 0 0.5em 0 0;
}

is exactly what I have been looking for… but it works with the standardlogo, not with my own logo…. Switching the text floating direction works without any problems. Am I doing anything wrong?

[Sushil Adhikari]

depends on what your logo is as in how big an shape; it should not be much larger than what the default theme’s logo is. You might have to play around with the CSS to adjust the positioning of your logo as everyone will have and need something slightly different. For the record, doing a logo next to text like that is actually not easy, and I’m still trying to figure out how I could make it easier for “everyone”. Is your logo adjustment live right now?

[Author]

Posts