How do I get Full width on posts?

liveulfsby · Member · Jul 2, 2015 at 8:46 pm
Copy link

Add topic to favorites
I want my posts to be full width just like the pages on my site. Now they’re just left with an empty space to the left. I did manage to get rid of author, date and all of that, but I still can’t get them to be full width. The theme I use is Snaps and I have installed the Custom CSS plugin aswell.
This is the site I need help with: http://live.ulfsby.no/2015/04/modern-scandinavian-interior-makeover/

The blog I need help with is: (visible only to logged in users)
staff-loquaciousloon · Staff · Jul 2, 2015 at 9:19 pm
Copy link
Hi :)

Try adding this into your custom CSS:
```
.single-content-wrap {
  overflow: auto;
  width: auto;
}
```
That should shift things to full-width for you :)
liveulfsby · Member · Jul 2, 2015 at 10:13 pm
Copy link
oh my god! It worked! been trying to figures this out for days! Thank you
However, the title on the posts are still a bit off. Is there a way to also get the titles to the left. So that they line up with the pictures?
staff-loquaciousloon · Staff · Jul 3, 2015 at 3:13 am
Copy link
:) Glad I could help!

For our next trick:
```
.single .entry-header {
  width: auto;
  float: none;
  margin-left: 0;
}
```
That should left-justify the post titles on single post pages :)
liveulfsby · Member · Jul 3, 2015 at 12:44 pm
Copy link
Thank you again! It totally worked! And thanks for quick answer. But what do I do if I want to change the color of the page names. For example when you hoved over the home page button it turns red, but I want it in a different color. What do I do?
liveulfsby · Member · Jul 3, 2015 at 12:47 pm
Copy link
Never mind. figured it out ;) But thanks for the help!
liveulfsby · Member · Jul 3, 2015 at 1:13 pm
Copy link
Have another problem though. How do I get the text in the header to not be all capital letters? I have installed the “Font” plugin by Pawel Misiurski and being able to change the font itself, but the letters are still in capital, all of them. How do I fix that?
staff-loquaciousloon · Staff · Jul 3, 2015 at 1:14 pm
Copy link
Anytime :)
liveulfsby · Member · Jul 3, 2015 at 1:53 pm
Copy link
One more problem: How do I change the home button title from “Home” to “Portfolio” ?:)
staff-loquaciousloon · Staff · Jul 3, 2015 at 1:54 pm
Copy link
Oh, wow. I dove into your CSS so fast earlier I didn’t realize you were self-hosted ;)

In the future, you’d be better off posting over on the .org forums. This forum is actually intended for sites hosted at WordPress.com.

Putting all of that aside for now, this is the style that is changing your heading to all uppercase, via the text-transform property:
```
.single h1.entry-title, .page h1.entry-title, h1.page-title {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1em;
}
```
If you change the text-transform to ‘none‘ you’ll get mixed case headings on your single posts and pages.

To accomplish the same thing on all heading across the site, try making the same change in this style:
```
h1, h2, h3, h4, h5, h6 {
  clear: both;
  text-transform: uppercase;
}
```
Additional note – since you’re self hosted, and probably editing your theme’s stylesheet directly, you should look into creating child theme to prevent loosing your modifications in an upgrade. :)

Hope this helped! Maybe I’ll see you over on the .org forums :)
liveulfsby · Member · Jul 3, 2015 at 2:05 pm
Copy link
that changed the post titles, but not the title in the header where it says: Live B. Ulfsby
staff-loquaciousloon · Staff · Jul 3, 2015 at 2:10 pm
Copy link
Looks like there’s another specific style for that. Here’s a trick:

Right-click on the element you want to change (in this case, the site title) and choose “Inspect Element” (or similar, depending on your browser).

This will pull up the code for that element in your browser’s developer tools :) In the right hand window, you should see the CSS that’s affecting the inspected element, which will point you in the direction of the style you need to fix.

In this case, you should see the hgroup h1.site-title style. That one needs another text-transform: none :)
liveulfsby · Member · Jul 3, 2015 at 2:18 pm
Copy link
Never mind figured it out:) Thanks. However, I still can’t figure out how to change the home button title as I mentioned earlier:/
liveulfsby · Member · Jul 3, 2015 at 2:20 pm
Copy link
Thank you;P could you still help me with the home button title? :)
staff-loquaciousloon · Staff · Jul 3, 2015 at 2:20 pm
Copy link
That one isn’t going to be a CSS change, so I’d recommend starting a new thread for that question in the appropriate forum :)
staff-loquaciousloon · Staff · Jul 3, 2015 at 2:21 pm
Copy link
Lol, we keep posting over each other ;)
liveulfsby · Member · Jul 3, 2015 at 2:23 pm
Copy link
haha yeah;p But thank you for everything! Helped me A LOT! and thanks for quick answer:) I will try to solve my last problem somewhere else:)

No items found.