How to float the text, pictures and embedded content all the page width?

businessavatar · Member · Jul 14, 2013 at 11:21 am
Copy link

Add topic to favorites
Hi guys!

I have a site and page: http://businessavatar.wordpress.com/2013/01/14/why-business-avatar/

As it is appears, text and content is not filling the full width of the page frame, but is stricked by left side of the block widget on the right.

I remember I’ve seen the text floating the full width but now I can’t make that again.

Please advise if I can fix it somewhere in WP settings or by entering CSS code. Need help.

Thanks, Alex

The blog I need help with is: (visible only to logged in users)
ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 14, 2013 at 6:18 pm
Copy link
The theme you are using has a sidebar that always displays on blog posts. It might be possible on “Pages” to use a “full-width” or “no sidebar” page template, or there may be an option under Appearance > Theme Options (if that menu item exists) on the Dashboard.

Otherwise, you would have to use some custom CSS code to “hide” the sidebar” and resize the content area:

.post-widgets, .single .post-meta { display: none; } .single .post-content { width: 100%; }
ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 14, 2013 at 6:19 pm
Copy link
And ignore everything after the right curly bracket on the first line (the “br /” tag).
businessavatar · Member · Jul 14, 2013 at 7:45 pm
Copy link
Thanks a lot! I see the code is making some changes with the width.
The only point – I need to keep widgets and I’d like the text to align the widgets and then come to 100% (I saw some day on this theme like that).

So is there any addition to the CSS code, which I could add to have text starting from the top, aligning widgets and coming to 100% width?

Thanks again, Alex
ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 15, 2013 at 12:21 pm
Copy link
As that would essentially make the text go “outside of it’s box”, it’s not really possible with the way this theme is set up. It’s generally accepted on the web that if you have two columns, the contents of the columns stay inside their “boxes” even as you continue down the page.
designsimply · Member · Jul 17, 2013 at 2:20 pm
Copy link
I checked http://businessavatar.wordpress.com/2013/01/14/why-business-avatar/ but it looks like you may have deleted it.

You could work around this issue on a page by page basis, but it would require per-page CSS to adjust the spacing for each area, and you would need to know the height of the widget area ahead of time and possibly add class names to the HTML to control which elements get right side padding. It’s not the most elegant solution but might work in cases where the content is mostly static (i.e. widget content/height does not change).

I tried this example on the http://businessavatar.wordpress.com/2013/01/14/why-business-avatar/ page before it was deleted. You could add it back and try it out if you’re interested to see how it could work.
```
.postid-85 .post-sidebar {
	position: absolute;
	right: 50px;
}

.postid-85 .post-content h3,
.postid-85 .post-content p:first-of-type {
	padding-right: 240px;
}
```
businessavatar · Member · Jul 17, 2013 at 6:24 pm
Copy link
Thank you a lot! I’ll try it.
fawnfloyd · Member · Jul 22, 2013 at 12:58 am
Copy link
Hi, wondering if there is a way to adjust my Gallery widget so that images stretch across the entire page width instead of in rows of three??

It appears that the widget will only show nine images total.

Also, can these thumbnail images be made slightly larger?

The blog is: fawnfloyd.wordpress.com

Thank you so much for any help!
ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 22, 2013 at 11:33 am
Copy link
Hi, fawnfloyd. In order to make it easier to find answers in the forums, we are asked to post separate issues in separate threads. Can you please repost your question separately?
designsimply · Member · Jul 22, 2013 at 8:45 pm
Copy link
@fawnfloyd, +1 to what andrewcpht said, please create a separate help request if you still need help!

Note that if you use the “Thumbnail Grid” option, you can alter the number of columns when you create the gallery. I don’t thin you can change the number of columns for other types of galleries, but we can help you double check that if the “Thumbnail Grid” option doesn’t work for you and you post a link to a different example on your blog.

No items found.