custom logo is not centered in theme Linen

  • Unknown's avatar
    goshift · Member ·

    I have uploaded a custom logo for my website crossfit chronic. I am using the theme Linen. I have indicated for the logo to display centered. Help? It’s not centered. What do I need to do.

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

  • staff-doublebassd · Staff ·

    In this theme, the logo is meant to be set at left justified and won’t respect the alignment button on the image loader.

    One thing you can do is create a 900px wide image with your logo centered in the image. Your image would take up the entire width of the header area and your logo would be centered within.

    You can purchase the Custom Design Upgrade and use CSS:

    #title-logo { text-align: center; }.

  • Unknown's avatar
    goshift · Member ·

    Well thank you for the quick response. I do have the CSS upgrade and just went in and pasted the above and it worked. There are two more things I would love help with. Is it possbile to have the white transparent background that falls behind the crossfit chronic logo start just under or behind the blue nav bar? Therefore the logo would be sitting on the green background.

    Is there any thing I can do about having the white type in my blue nav bar centered instead of flush left? Thank you for your help.

  • Unknown's avatar
    designsimply · Member ·

    Is it possbile to have the white transparent background that falls behind the crossfit chronic logo start just under or behind the blue nav bar?

    The background is set in the container, so you can’t just remove it from the logo. What you can do is use absolute positioning to pull the logo above the container and then adjust the spacing for things until it looks right. Here is an example to get you started:

    #header {
	position: relative;
	margin-top: 190px;
}
#title-logo {
	position: absolute;
	top: -170px;
	left: 256px;
}
#navigation {
	margin-top: 0;
}

    Adjust the px values as needed.

    To learn more about absolute positioning, see http://css-tricks.com/absolute-positioning-inside-relative-positioning/

  • Unknown's avatar
    designsimply · Member ·

    Is there any thing I can do about having the white type in my blue nav bar centered instead of flush left?

    Here is an example that will center the main menu in the Linen theme:

    #navigation {
	text-align: center;
}
#navigation ul {
	display: inline-block;
}
  • Unknown's avatar
    designsimply · Member ·

    If you have additional CSS questions, would you mind starting a new help request for each of them? It helps make support easier. :)

  • The topic ‘custom logo is not centered in theme Linen’ is closed to new replies.