White space, help

charlottewoodley · Member · Mar 24, 2014 at 6:57 pm
Copy link

Add topic to favorites
How do I get rid of the “category archives” and white space to the right and above the featured image? I tried the code:
.featured-content-inner .entry-meta {
display: none;
}
But it hasn’t worked.
Thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 24, 2014 at 9:53 pm
Copy link
The title for categories pages is created as a single text string such as this: Category Archives: Visit the Past. While there are some tricks to hide the “category archives: part of the text string, they are far from reliable since a visitor’s browser settings can affect the tricks. To remove the entire title string from the categories pages, you can use the following, which also takes the featured image up to align with the top of the sidebar.
```
.archive-title {
display: none;
}
```
When you say, “white space to the right of the featured image, are you wanting no gap between the image/post content and the sidebar or are you talking about the diagonal line area to the right of the image like on the Visit the Past Category page?
charlottewoodley · Member · Mar 24, 2014 at 10:26 pm
Copy link
Thank you so much! That got rid of the wording. It’s now just the white space above and to the right of the featured image. Ideally I’d like either no white space between the image and sidebar, or the same amount of white space on either side of the image. I apologise, I’m fairly new to this.
thesacredpath · Member · Mar 24, 2014 at 11:43 pm
Copy link
Ah, ok. Give the following a try. It reduces the whitespace between the content (featured image) and the sidebar, but leaves just a touch of whitespace to separate that image from the ones in your sidebar. To me I think it looks better than having no space.
```
.content-sidebar {
    padding-left: 2px;
}
```
charlottewoodley · Member · Mar 25, 2014 at 12:29 am
Copy link
That’s brilliant and you’re a genius! Thank you. Last question(s), I promise. Any idea how to get rid of the white space above the featured image? It’s gone on the home and about pages but it’s still quite a big space on all of the category pages.
Also, when I look at the site on a wider screen, it only takes up half of it and the rest is blank (or now filled with a background image). Is there any way of fixing the alignment there?
Thanks again!
thesacredpath · Member · Mar 25, 2014 at 1:29 am
Copy link
Add the following to get rid of the space at the top of the featured image on categories pages.
```
.archive-header {
    display: none;
}
```
thesacredpath · Member · Mar 25, 2014 at 1:36 am
Copy link
Twenty Fourteen is designed with a left alignment, but it can be overwritten so that equal space appears on left and right if a browser window is wider than the content area. Add the following CSS to do that.
```
.site {
    margin-left: auto;
    margin-right: auto;
}
```
charlottewoodley · Member · Mar 25, 2014 at 1:43 pm
Copy link
Thank you so much for your help!
thesacredpath · Member · Mar 25, 2014 at 4:26 pm
Copy link
You are welcome.

No items found.