multitasker_ replied
Customer Reply
Thank you so much!
Public Ticket #3815
Blog Post Width
Conversation thread
PenciDesign replied
Staff Reply
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
Customer Reply
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.
multitasker_ replied
Customer Reply
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
Customer Reply
...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
Customer Reply
It works. What if I want a different color for media container and different for background? Just like wpbeginner.com
PenciDesign replied
Staff Reply
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
Customer Reply
I've made it live.
PenciDesign replied
Staff Reply
Hi,
Can you make your site live to I can take it a look on your single posts?
Best Regards,
PenciDesign
multitasker_ started the conversation
Conversation Start
Greetings,
I want to change posts' width in order to make them look narrower but keep it responsive. How do I do?
Want to join this conversation or access attachments? Sign in first.
