Adding banner to theme without existing banner

stepsinthyme · Member · Mar 10, 2015 at 7:06 am
Copy link

Add topic to favorites
Hi there.
I was wondering if its possible to use the space above the menu bar of my site to upload a same size banner with logo etc.
I feel like my logo is floating in space as it is now.

Would love any feedback.
Thanks,
Shantala

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Mar 10, 2015 at 8:09 am
Copy link
I liked your site as it is now. But if you think there is too much space between logo and the menu bar, there is a 30px bottom margin for the logo which we can remove using the following CSS:
```
header[role="banner"] .branding {
    margin-bottom:0
}
```
Please add this CSS and let me know what you think or if you need anything else.
stepsinthyme · Member · Mar 10, 2015 at 8:21 am
Copy link
I was thinking more of adding a banner. Rather than removing space, but thank you.
staff-happychia · Staff · Mar 10, 2015 at 8:32 am
Copy link
No problem. What sort of banner do you want there?

Could you let me know if you wish to display text or image?

Example banner image:
```
nav:before {
display: block;
content: url('https://chaittestpress.files.wordpress.com/2015/03/banner.png');
}
```
Example banner text:
```
nav:before {
display: block;
content: "This is my banner text";
}
```
Please don’t hesitate to ask if you need any thing else :-)
stepsinthyme · Member · Mar 10, 2015 at 8:49 am
Copy link
Perfect! The image one is just what im after.
Only much deeper, approx 600 px deep if thats possible.
Really appreciate your help. Thank you.
staff-happychia · Staff · Mar 10, 2015 at 9:03 am
Copy link
Upload whatever image you want for the banner to your Media Library and replace the url in the above CSS with the url of the uploaded image.

Let’s see how it goes.
stepsinthyme · Member · Mar 10, 2015 at 9:15 am
Copy link
Okay thanks so much.
stepsinthyme · Member · Mar 11, 2015 at 7:58 am
Copy link
Hey so I tried a banner but it really didnt work with the theme unfortunately.

Now i have a new problem i wonder if you might be able to help me with…

I am having troubles changing my logo.

For some reason its locked on a tiny logo I uploaded last night.
No matter what size logo I now put up I only get this small one.

Even if I try to upload a picture or something random. I still get this tiny logo. Can you help?
staff-happychia · Staff · Mar 11, 2015 at 9:47 am
Copy link
Could you link me your banner image? I will try to upload and see if I can put it up there.

I see quite a big logo on your blog at present: https://cloudup.com/cvZCe3NpPWl

Isn’t this your updated logo image?
stepsinthyme · Member · Mar 11, 2015 at 10:00 am
Copy link
Hmmm thats strange. mine still looks tiny.

Here is the URL.
staff-happychia · Staff · Mar 11, 2015 at 10:03 am
Copy link
It could be because your browser is still caching your old tiny logo. You can try clearing the browser cache or try in a different browser or computer.

Is the image you linked above is the one you want as a banner? It is your logo, isn’t it?
stepsinthyme · Member · Mar 11, 2015 at 10:04 am
Copy link
Yeah I decided against the banner. The theme doesnt support it.
stepsinthyme · Member · Mar 11, 2015 at 10:11 am
Copy link
Just cleared cash. Logo is still tiny.
staff-happychia · Staff · Mar 11, 2015 at 10:12 am
Copy link
Cool. I think you are all good. Please let me know if you need anything else :-)
stepsinthyme · Member · Mar 11, 2015 at 10:14 am
Copy link
Its still tiny? I cant see what you have done?
thesacredpath · Member · Mar 11, 2015 at 9:19 pm
Copy link
Hi, this is what I’m seeing on your site right now in Safari, Chrome and Firefox: https://cldup.com/qUl0GCV3mu.png . Is that what you are seeing?

If you are still seeing it tiny, can you let us know which browser and browser version you are using (looks like Chrome 40-something) and also take a screenshot for us, upload it to your media library and then post the URL here so we can see?

No items found.