Change column width

beangryatthesun · Member · Jun 8, 2013 at 8:01 pm
Copy link

Add topic to favorites
Hi,
I’m just wondering if it’s possible to change the main column width in the TRVL theme without getting the css upgrade. I’d just like to change it so it’s the same width as the header text (950 px).

thanks!
thistimethisspace · Member · Jun 8, 2013 at 8:08 pm
Copy link
No changes you try out aside from those such as Custom Background, Custom Header and Theme Options which are stated on the theme description pages for each theme will be visible to visitors unless you purchase an annually renewable custom design upgrade and do the required CSS editing.
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/
justpi · Member · Jun 8, 2013 at 8:13 pm
Copy link
What’s the URL of your blog?
And what’s the “TRVL theme”?
beangryatthesun · Member · Jun 8, 2013 at 8:14 pm
Copy link
OK, thanks.
If I WERE to purchase the css upgrade today, is there a simple bit of css I can put in the css editor to widen the column width? It’s the only thing I want to change.
timethief · Member · Jun 8, 2013 at 8:24 pm
Copy link
Here’s the link to the theme description for TRVL http://theme.wordpress.com/themes/trvl/
beangryatthesun · Member · Jun 8, 2013 at 8:31 pm
Copy link
Does anyone know the CSS to change the column width?
timethief · Member · Jun 8, 2013 at 8:32 pm
Copy link
What’s the URL of your blog?
timethief · Member · Jun 8, 2013 at 8:34 pm
Copy link
Is it this blog > http://mountmaxwellradio.com/ with the CSS upgrade and wearing the Imbalance 2 theme?
beangryatthesun · Member · Jun 8, 2013 at 8:37 pm
Copy link
No, it’s not.
beangryatthesun · Member · Jun 8, 2013 at 8:38 pm
Copy link
It’s this blog:

http://gulfislanddeathchamber.wordpress.com/
timethief · Member · Jun 8, 2013 at 8:39 pm
Copy link
Will you please post the URL?
beangryatthesun · Member · Jun 8, 2013 at 9:26 pm
Copy link
Should I ask this in the CSS forum?
timethief · Member · Jun 8, 2013 at 9:30 pm
Copy link
Not to worry. You don’t need to create another thread. This one has been tagged and will be moved to the CSS Forum for you.
designsimply · Member · Jun 25, 2013 at 3:11 am
Copy link
I checked http://gulfislanddeathchamber.wordpress.com/ but it was deleted.

I’d just like to change it so it’s the same width as the header text (950 px).

I checked the demo site for the TRVL theme, and the main column width is already 950px, but I see that some of the posts meta data is either on the left or right depending on the post format.

Here is an example to get you started that will undo some of that formatting and set the posts content area back to full-width by removing the float properties (setting them to “none”) and setting the width to auto:
```
.entry-content,
.entry-summary,
.comment-content,
.entry-meta,
.comment-meta,
.format-image .entry-header,
.format-video .entry-content,
.format-image .entry-meta,
.format-video .entry-header,
.format-image .entry-content,
.format-video .entry-meta {
	float: none;
	width: auto;
	max-width: 100%;
}
```
You can see that rules to turn off the smaller entry content widths are included, but you can take those out of the selector list if you want.

To figure out which selected to use, right-click on one of the posts and select the “Inspect Element” option in your browser. That will show you the HTML for what you clicked on as well as all of the CSS that applies to it. You can look through the HTML and CSS to find other selectors to use if needed.

No items found.