Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1665533
Blog Post Width
Closed

Comments

  • multitasker_ started the conversation

    Greetings,

    I want to change posts' width in order to make them look narrower but keep it responsive. How do I do?

  •  2,699
    PenciDesign replied

    Hi,

    Can you make your site live to I can take it a look on your single posts?


    Best Regards,

    PenciDesign

  • multitasker_ replied

    I've made it live.

  •  2,699
    PenciDesign replied

    Hi,

    Please try add more this code to Customize > Custom CSS to do that:

    @media only screen and (min-width: 1170px){
    .container{ width: 1085px; }
    }
    

    Change value 1085 to any value you want.


    Best Regards,

    PenciDesign

  • multitasker_ replied

    It works. What if I want a different color for media container and different for background? Just like wpbeginner.com

  • multitasker_ replied

    ...and also, put a separation between post and sidebar. Idk if you understand. The clear example of what I am asking is still wpbeginner.com and also this particular page that we are using to submit tickets.

    From now, thank you soooo much.

  • multitasker_ replied

    Hello. Please, look what happened to the short description of the post on the home page when I used:

    @media only screen and (min-width: 1170px){
    .container{ width: 1085px; }
    }
  • multitasker_ replied

    I also noticed that sidebar was afected with the CSS you provided. Isn't there a way to only target posts? Not sidebar or page content, like policy, etc.

  •  2,699
    PenciDesign replied

    Hi,

    1/ Please try replace the code I sent:

    @media only screen and (min-width: 1170px){
    .container{ width: 1085px; }
    }
    

    to this code:

    @media only screen and (min-width: 1170px){
    .container{ width: 1085px; }
    .container.penci_sidebar #main{ width: calc(100% - 340px); }
    .penci-sidebar-content{ width: 340px; }
    .penci-grid li.list-post .item > .thumbnail{ width: 250px; }
    .penci-grid li.list-post .item .content-list-right{ padding-left: 270px; }
    }
    

    2/ Sorry this theme doesn't support that features.


    Best Regards,

    PenciDesign

  • multitasker_ replied

    Thank you so much!