Can I Adjust Column Width on Wordpress?
Learn to manipulate CSS and gain the power to reshape the visual layout of your Tumblr blog. Columns, for instance, break your blog down into vertical sections that appear horizontally across the Web page. Each column has a specific width. Change those widths and your page's layout by modifying the blog's underlying CSS code.
Other People Are Reading
-
CSS Column Styling
-
Many Web pages consist of two or more columns. The left side of a page may contain a navigation menu, the middle column might display the page's main content and an optional right column may show links and ads. Web developers use CSS -- also known as Cascading Style Sheets -- to create these columns. The CSS width attribute is one of the most important CSS attributes used to change the way columns appear on a Web page. Make the width attribute's value larger, and a column widens. Reduce the value to make the column narrower.
Resizing Columns
-
You must purchase an upgrade before you can change the CSS that sets up your blog page and columns. After upgrading, clicking "Custom Design" on your Dashboard page takes you to a design page. This page has two CSS editing options. One option allows you to update your blog's existing CSS code. If you choose this option, you can update the width values of the CSS tags that define the blog's columns. Choose the "Start from Scratch" option if you would rather create your own CSS code. This option gives you more control over how your blog looks, but it requires more knowledge about CSS styling.
-
Considerations
-
WordPress recommends adding the "edit-css-content-width" option to your CSS if you change the width of the column that holds your main content. When browsers see this option, they adjust the sizes of videos and other media objects such as images so that they fit within the main content column. When making columns wider, consider your viewing audience. Everyone does not have wide screen monitors. If you make your columns too wide, your blog visitors will not be able to view the blog without scrolling horizontally.
Other Column Styling Options
-
You can also tweak your blog's appearance by changing the order of the columns in WordPress's default theme. The "Theme Options" tab -- located on your Dashboard page -- contains three layout options you can apply to your blog instantly. Pick one of these options to make your main contents appear in the left column, in the right column or in the center of the blog page. The last option eliminates all sidebars on the blog and leaves one large column that displays your main content in the center of the page. Before altering the sizes of your columns using CSS, consider trying these options to see how they affect your blog's appearance. You may like one of them.
-
References
Resources
- Photo Credit Comstock Images/Comstock/Getty Images
