Home › Forums › WordPress Themes – Premium › Celestial (Celestial Reloaded) › Title Bar
- This topic has 19 replies, 43 voices, and was last updated 8 years, 8 months ago by
Anonymous.
-
AuthorPosts
-
January 15, 2015 at 8:38 pm #15778
Ron King
ParticipantHi 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
January 16, 2015 at 6:21 am #20883Shekhar Bhandari
ParticipantHi 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.
January 16, 2015 at 6:55 am #20884Ron King
ParticipantWonderful. Thanks, Shekhar!
January 16, 2015 at 7:17 am #20885Ron King
ParticipantShekhar, 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.
January 16, 2015 at 7:35 am #20886Shekhar Bhandari
ParticipantHi 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.
January 16, 2015 at 8:06 am #20887Ron King
ParticipantShekhar, I did what you suggested, but the color is still in the foreground.
January 16, 2015 at 8:15 am #20888Shekhar Bhandari
ParticipantHi Ron,
That sound unusual. Could you please provide a URL so i could find out what is going wrong there.Thanks.
January 16, 2015 at 8:29 am #20889Ron King
ParticipantThis is a practice site. After I figure out how it works I will use the settings in my actual site.
January 16, 2015 at 9:20 am #20890Shekhar Bhandari
ParticipantHi 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.January 16, 2015 at 7:13 pm #20892Ron King
ParticipantWell, 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.
Attachments:
You must be logged in to view attached files.January 17, 2015 at 5:30 pm #20895Ron King
ParticipantI 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.
January 18, 2015 at 8:32 pm #20903Ron King
ParticipantOver 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.
January 19, 2015 at 7:08 am #20905Shekhar Bhandari
ParticipantHi 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.
January 19, 2015 at 8:05 am #20906Ron King
ParticipantThanks for getting back to me. Sorry I got crabby. What thread are you talking about?
January 19, 2015 at 8:23 am #20907Shekhar Bhandari
ParticipantHi 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.
-
AuthorPosts
- You must be logged in to reply to this topic.