I dount why when apply smart stylist to the post and the image is dragged to the left? How to set it to the center and possible, get a grey background under the image to make it looks nice.
Here’s what is showing on my post when using smart list http://prntscr.com/lnmgj2
Appreciated your help
Image is set to center correctly http://prntscr.com/lnml7q
Here’s my post url that to check https://trendyseekers.com/hairstyles-mens-haircuts/
you can see this site having the image centered nicely with the grey background
https://therighthairstyles.com/32-super-cute-looks-with-short-hairstyles-for-round-faces/
Can you help fixing for my site to have the exact same function?
Hi,
Please add this custom css in Newspaper>Theme panel>Custom code>Custom css
https://www.screencast.com/t/JOEFkIlU
.td-slide-smart-list-2 {
background-color: lightgray;
}
.td-slide-smart-list-2 img{
display: block;
margin-left: auto;
margin-right: auto;
}
This css work only for smart list 2, if you want to use the same css on other smart list just change the number of smart list from css
Thanks.
Thank Calin, it looks amazing now.
I have one more question if there’s an option to start and finish the smart list.
Say, I am using H3 to use smart list but in the whole content, there are other subheading that also use H3, so to effectively use the smart list on the correct H3 batch, is there any shortcode that can be asigned to “Smart List Start” and “Smart List End”? I tried to search and only found that there are only smart list end in the existing code at the wp post editor. So, I hope the developer have a solution to this matter.
Thank
Hi Calin, can u help me one more thing, instead of using the light grey color only on smartlist, how about to have it on a normal blog post? What CSS to use?
Here’s what is shown on my site http://prntscr.com/lot1ai
It only has pure image and i want to have grey background image under it
Hi,
If I understand incorrectly you wan to gave that background color for all image you have set to center, if is so please provide a link here I can inspect the problem, in this way I will be able to give you the right css.
Thank you for your understanding.
@Calin, thanks for the reply and abit late as I was offline, here’s the link without any smartlist use https://trendyseekers.com/best-natural-hairstyles-for-black-women/
Hi,
Please try this custom css
.td-post-content .aligncenter{
padding: 50px;
background-color: lightgray;
}
https://www.screencast.com/t/6crk1ZyitEiK
Thank you.
it doesnt work bro http://prntscr.com/lwwz5l
Hi,
https://www.screencast.com/t/qaTPqU6SRJTb
Please try this
p img {
width: 100%;
padding: 50px;
background-color: lightgray;
}
figure {
background-color: lightgray;
padding: 50px;
}
Hope this will help you better.
Thanks.
