Title Bar

[Ron King]

Hi y’all,

I’m using a logo in the title bar, and have two questions.
How do I move the logo more to the left, and is there a way to use a background image under the logo and menus?

Thanks, Ron

[Shekhar Bhandari]

Hi Ron,
If you want to move the logo more to the left. You should write a custom CSS. Remember the margin-left property should be in negative value for moving left.

#logo {
	margin-left: -10px;
}

and if you want to use background-image under the logo then go to Customizer -> Colors -> Header and Submenu Background and make the color blank. and add the background-image from the Customize->Background Image.

Thanks.

[Ron King]

Wonderful. Thanks, Shekhar!

[Ron King]

Shekhar, when I try to make the color blank by removing the color code. it fills it back in with #FFFFFF.(white). It won’t let me leave it blank.

[Shekhar Bhandari]

Hi Ron,
If so, use the following Custom CSS to change the background of the navigation bar.

#cel-header {
	background-image: url('your image link here');
}

Thanks.

[Ron King]

Shekhar, I did what you suggested, but the color is still in the foreground.

[Shekhar Bhandari]

Hi Ron,
That sound unusual. Could you please provide a URL so i could find out what is going wrong there.

Thanks.

[Ron King]

This is a practice site. After I figure out how it works I will use the settings in my actual site.

http://spidergallery.com/wordpress_d/

[Shekhar Bhandari]

Hi Ron,
Your Header image is working here. In the First start it shows white due to your large image. Please try to use low size photos. 🙂
Thanks.

[Ron King]

Well, I’m confused. It’s not working here. I did put in a much smaller file, but that had no effect. I’m sending an image of the page just to be sure that we are talking about the same thing. Where I’ve circled in red is the only place I want the background.

title-bar-c.jpg

Attachments:

You must be logged in to view attached files.

[Ron King]

I think you must have missed my last post, I don’t blame you because I know you are busy. Could you please take a look at the message above this one and let me know what you think? Thanks.

[Ron King]

Over two days has passed since I asked for help. I guess your silence it your way of saying you can’t, or won’t, help me, so I guess I’ll figure out something else to do. Thanks anyway.

[Shekhar Bhandari]

Hi Ron,
Sorry for late response, Due to our Weekend and Time differences we couldn’t get to u at the meantime. The solution of your problem is to use some sort of tricks. If you want to use the image at the prescribed area you can use transparent image(.png) and insert it as i stated below in the thread.

Thanks.

[Ron King]

Thanks for getting back to me. Sorry I got crabby. What thread are you talking about?

[Shekhar Bhandari]

Hi Ron,

We’re talking about this read. You can use the CSS property given below. But in image link provide a link of image that is transparent. That will work.

#cel-header {
	background-image: url('your image link here');
}

Thanks.

[Author]

Posts