How to resize column blog

8 posts from 2 voices

• Started 8 months ago by coopernico46
• Latest reply from Ismael
• This topic is resolved

Tags:

• Blog
• column
• post
• resize

1. 

   coopernico46
   Member

   Hi,

   It's possible resize a column that show the posts in BLOG menu option?
   I need to make bigger the white colour column that appears when you click on BLOG (menu option like in your DEMO, when you click appears a white column with "Entry with gallery attached")

   How can i resize it (if it´s possible)

   Thanks you in advance

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   Hi coopernico46,

   Kindly add this code in your Quick CSS or custom.css:
   

   .page-id-13 .content .box {
      width: 600px;
   }
   
   .sidebar2.sidebar_absolute {
      left: 882px !important;
   }

   or
   

   .page-id-13 .content .box {
      width: 600px !important;
   }
   
   .sidebar2.sidebar_absolute {
      left: 882px !important;
   }

   Just adjust the width(width of the content) and left value. Just make sure if you add for example 10px to the width then add also 10px to the left value. Hope this helps. :)

   Regards,
   Ismael

   Posted 8 months ago #
3. 

   coopernico46
   Member

   Hi Ismael

   I added
   .page-id-13 .content .box {
   width: 728px !important;
   }

   .sidebar2.sidebar_absolute {
   left: 1010px !important;
   }

   To my Custom.css file in wp-content/themes/Flashlight/css/custom.css

   But nothing happen :-(

   If could be helpfully the added code it's the only code in custom.cc

   Thanks in advance

   Posted 8 months ago #
4. 

   Ismael
   Moderator

   Hi coopernico46,

   Kindly clear the browser cache. :)

   Regards,
   Ismael

   Posted 8 months ago #
5. 

   coopernico46
   Member

   Thaks Ismael :-D

   But now i have a problem with the .sidebar position.
   ".Sidebar" is next to ".page-id-13" but when i open a post the ".sidebar" it's at 1010px.

   I try with

   .single-post .content .box {
   width: 728px;
   }

   .sidebar2.sidebar_absolute {
   left: 1010px !important;
   }

   But in this moment when I visit
   http://www.amateurdigitalphoto.com/blog/
   the ".sidebar" it´s in the middle of the screen.

   I just want to resize only one column or BLOG or POST but i wanna the .sidebar glued to the columns. one ".sidebar" at 1010px (ie:Single-Post) and the other ".sidebar" at 882px (ie: Blog page)

   Thanks in advance

   Posted 8 months ago #
6. 

   Ismael
   Moderator

   Hi coopernico46,

   Replace this code:
   

   .sidebar2.sidebar_absolute {
   left: 1010px !important;
   }

   With this code:
   

   .page-id-13 .sidebar2.sidebar_absolute {
   left: 1010px !important;
   }

   I forgot to add .page-id-13, we just need that customized value for our specific page.

   Regards,
   Ismael

   Posted 8 months ago #
7. 

   coopernico46
   Member

   Thanks you very Much Ismael

   Posted 8 months ago #
8. 

   Ismael
   Moderator

   Hi coopernico46,

   Glad we could help. :)

   Cheers,
   Ismael

   Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.