Header Titles via Front page & all blogs

othersideofthefame · Member · Mar 13, 2015 at 6:50 pm
Copy link

Add topic to favorites
Please see my site:
http://OtherSideoftheFame.com

If you look at all my Header/ Titles on the very front page of my site + all blogs……. you can see they are all pushed to the left TOO far.

Please send CSS code to line my Header / Titles up with the start of the blog posts on all my blogs.
Thanks.

P.S Please send answer to my email
( (email visible only to moderators and staff) )

The blog I need help with is: (visible only to logged in users)
jami0821 · Member · Mar 16, 2015 at 12:04 pm
Copy link
This will give a padding on the left but you’ll also need to adjust your sidebar with otherwise it’ll get pushed down below the content:
```
#posts, #posts-page, #paginate {
  padding-left: 1em;
}

#sidebar {
  width: 300px;
}
```
othersideofthefame · Member · Mar 16, 2015 at 12:40 pm
Copy link
thanks.
….but exactly how do i adjust the sidebar?
It needs to be a bit wider.

Where do I adjust it at?
Please advise
othersideofthefame · Member · Mar 16, 2015 at 12:52 pm
Copy link
I figured out where but it pushed it down :(
jami0821 · Member · Mar 16, 2015 at 1:50 pm
Copy link
It seems that this will require a bit of a balancing act with the widths between the difference sections. In order to add a left padding to the main content area, we’ll need to remove that same width from somewhere else.

So for example, we can add the left padding to the content and then make the inner containers a bit smaller so that they allow the padding space:
```
#posts, #posts-page, #paginate {
  padding-left: 1em!important;
  width: 640px;

}

.post-details {
	width: 640px;
}

.gallery-item {
	width: 190px;
}
```
redcardresales · Member · Mar 16, 2015 at 5:03 pm
Copy link
I’m trying to do something similar with my page and need help.

If you look at my homepage, there is a lot of space between the title/menu buttons and the images and text that follows. Is there a way to shift everything up so that the images/text are closer to the top? I would like for someone visiting the page to be able to read more without having to scroll down. Thanks!

Site is http://www.redcardresales.com
othersideofthefame · Member · Mar 17, 2015 at 4:30 pm
Copy link
Ok. One more thing.

I am going to be using THIS (embed) CODE :

<!– Begin chatwing.com chatbox –>
<iframe src=”http://chatwing.com/chatbox/a6b21be9-5f9e-42e7-841a-0b9db88bcaa6″ width=”433″ height=”791″ frameborder=”0″ scrolling=”0″>Please contact us at (email visible only to moderators and staff) if you cant embed the chatbox</iframe>
<!– End chatwing.com chatbox –>

…at the bottom of my blog posts.
How can I code this in CSS to appear at the bottom of ALL blogs posts by default?

Please advise.
Thanks!
jami0821 · Member · Mar 17, 2015 at 4:48 pm
Copy link
You won’t be able to accomplish that with CSS. Additionally, you won’t be able to access your theme files directly to allow that script.

Here’s some information about the access available for a wordpress.com site:

http://en.support.wordpress.com/ftp-access/

Plugins
thesacredpath · Member · Mar 17, 2015 at 11:26 pm
Copy link
@othersideofthefame, here is another link for reference to our Code support page with more on what code you can use, and not use, here at WordPress.com.

No items found.