Making the blog page full width

8 posts from 3 voices

• Started 1 year ago by getreelstudio
• Latest reply from Dude
• This topic is not a support question

Tags:

• tf2 full width

1. 

   getreelstudio
   Member

   Hey there,
   I am trying to make my blog page full width, but I don't want to mess around with the wrong code.
   Here is my blog: http://www.ben.getreelstudio.com/?page_id=79

   Help?

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   have a look at this thread: http://www.kriesi.at/support/topic/blog-page-fullwidth#post-15108

   Posted 1 year ago #
3. 

   getreelstudio
   Member

   Hey there,
   It sort of helped....ok it only removed the sidebar.
   Take a look, http://www.ben.getreelstudio.com/?page_id=79

   it just moved everything to the left, and screwed up the text. How do I get it full width?

   Posted 1 year ago #
4. 

   Dude
   Dude

   In your case add following code to style.css:
   

   .entry.blogentry .post_data{
   width: 100%;
   }

   and set the images to align left instead of "no alignment".

   Posted 1 year ago #
5. 

   getreelstudio
   Member

   Ok, that worked, but what if I want text under the images? How do I center the images? I tried center alignment, but its just not working.

   I also disabled auto-resizing for images, yet they are still being re-sized...

   Posted 1 year ago #
6. 

   Chris Beard
   

   Hey,
   I believe you can place your images and text within your smart text editor when creating your post/page.. Try clicking your image in your editor, pressing your right arrow and then shift + enter, now you should be typing under your image.. When you want to center something select it and hit the align center button. Let us know if this works for you.

   Posted 1 year ago #
7. 

   getreelstudio
   Member

   Nope, not working :( Take a look at this page: http://www.ben.getreelstudio.com/?page_id=79

   The image should look like this: http://www.majhost.com/gallery/benhenry96/Engineer-Stuff/promo_electrician3.jpg

   Major stretching. :(

   Posted 1 year ago #
8. 

   Dude
   Dude

   Hey,
   in style.css delete following code:
   

   .blogentry img {
       max-width: 610px;
   }

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.