CSS help Gateway theme

designedbyccc · Member · Oct 8, 2015 at 12:37 am
Copy link

Add topic to favorites
Hi there

1. I was wondering if it is possible to hide the logo off pages & posts but keep it on the “front page” template?

2. I would like the black background of my menu to be the full width of the page.

Any help would be greatly appreciated :)

The blog I need help with is: (visible only to logged in users)
ehtis · Staff · Oct 8, 2015 at 1:27 am
Copy link
Hi,

Give a try to this, should address both the points. Paste the following code into your Customizer > CSS section, premium plan is required to use this feature:
```
.page-template-default .site-logo, .single .site-logo {
    display: none;
}
.stick .main-navigation {
    max-width: 100%;
}
.page-template-default .header-bg, .single .header-bg {
    height: 300px;
}
```
designedbyccc · Member · Oct 8, 2015 at 1:29 am
Copy link
awesome, that worked perfectly!

Thanks so much for your help :)
ehtis · Staff · Oct 8, 2015 at 1:31 am
Copy link
Yay, you’re welcome! :)
laurebernard · Member · Oct 9, 2015 at 4:16 pm
Copy link
Hey @ehtis,
I had the same problem about the full width background. I entered the code you gave but it only works for the “pages” and not for the home, how can I fix it?

thanks!!

here is the link of the website: laure-bernard.be
thesacredpath · Member · Oct 9, 2015 at 6:32 pm
Copy link
Hi @laurebernard, I’m not seeing a site logo on your site, and this thread is about hiding the site logo on select pages. Can you let me know what you are wanting to do and we can come up with the CSS for you?
designedbyccc · Member · Oct 13, 2015 at 8:53 am
Copy link
Hi ehtis,

I’ve just realised that the logo is showing up on my post page, any chance you can please help me remove it?

https://rimunuistation.wordpress.com/news/

thanks very much :)
ehtis · Staff · Oct 13, 2015 at 2:06 pm
Copy link
Ah, that’s the blog page. Give this a try:
```
.blog .site-logo {
    display: none;
}
```
ehtis · Staff · Oct 13, 2015 at 2:09 pm
Copy link
You’d want the header height increased as well, use this instead to make the full header visible:
```
.blog .site-logo {
    display: none;
}
.blog .header-bg {
    height: 300px;
}
```
designedbyccc · Member · Oct 13, 2015 at 9:56 pm
Copy link
awesome thanks so much :)
ehtis · Staff · Oct 14, 2015 at 9:32 pm
Copy link
No problem, all the best with building the site! :)
tacomasports · Member · Nov 5, 2015 at 12:48 am
Copy link
Hi, I’m trying to increase the depth of the header. The custom instructions recommends your header images be 2560 x 640. I created them to that size but it only shows 300px of my image.
thesacredpath · Member · Nov 5, 2015 at 5:53 am
Copy link
@tacomasports, you have about 9 sites associated with your username so we need a link to the site you are talking about. I clicked on your username to the left, but it took me to a site not hosted here at WordPress.com.
tacomasports · Member · Nov 5, 2015 at 4:18 pm
Copy link
Sorry, it’s gigharborpaddlerscup.com. That’s the one I’m trying to get the header to work with the 2560×640 parameters. The site is not currently viewable to public.
thesacredpath · Member · Nov 6, 2015 at 5:29 am
Copy link
@tacomasports, the seemingly oversize of the header is so that at any device/window width, the image can cover the area of the header. We can adjust the minimum height, which is set at 238px, but it will not show the header image at 640px. You can add the following CSS and play with the 238px value, but make sure and narrow and widen your browser window and view things on a phone – and tablet – if you can to see what happens to the header image.
```
.header-bg {
    min-height: 238px;
}
```
thesacredpath · Member · Nov 6, 2015 at 5:30 am
Copy link
238px is what it is set at in the original CSS.
blogfime · Member · Nov 6, 2015 at 4:03 pm
Copy link
Hi, another question on gateway. I’m not using the page title on my frontpage, and it leaves a blank space. Is there a way to narrow it down? https://turvaaetsimassa.wordpress.com/
inlantapewaukee · Member · Nov 6, 2015 at 8:07 pm
Copy link
Hi there, question on the oxygen theme for inlantapewaukee.com

I would like to get rid of the thumbnails that are below the featured slider. Is there a CSS code to do this?

Also is there a way to get rid of some of the sidebar action when I click into pages like “contact” and such. It’s a little cluttered having everything from the homepage everywhere.

Please let me know, thanks!
thesacredpath · Member · Nov 9, 2015 at 9:22 pm
Copy link
Hi @inlantapewaukee, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.
thesacredpath · Member · Nov 9, 2015 at 9:28 pm
Copy link
@blogfime, it looks like you have used the following CSS to remove some of that whitespace.
```
.home-posts-titles {
    margin-bottom: 0;
}
```
If you are wanting to tighten things up a bit more, there is some top margin on the site-content div which you can adjust with the following.
```
.site-content {
    margin-top: 4.5em;
}
```

No items found.