Salient theme photo caption overflows onto the image, bottom left
I am busy rebuilding a site and chose Salient theme as it comes with WPBakery built in. The existing site has a lot of content like posts that I want to keep that were built with WPBakery.
2. and then look at the same post on the new site with Salient installed as the theme. Look at the 3 images in the post with captions (captions are standard Wordpress captions on the images). They cover the images and block the information on the bottom left. https://7pb.d7c.myftpupload.com/new-healthcare-etf-from-satrix/
Is there a way to disable the Salient theme styling for pictures with captions?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Salient theme photo caption overflows onto the image, bottom left
I am busy rebuilding a site and chose Salient theme as it comes with WPBakery built in. The existing site has a lot of content like posts that I want to keep that were built with WPBakery.
1. Please look at the same post on the existing site
https://justonelap.com/new-healthcare-etf-from-satrix/
2. and then look at the same post on the new site with Salient installed as the theme. Look at the 3 images in the post with captions (captions are standard Wordpress captions on the images). They cover the images and block the information on the bottom left.
https://7pb.d7c.myftpupload.com/new-healthcare-etf-from-satrix/
Is there a way to disable the Salient theme styling for pictures with captions?
Hey Erik,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.wp-caption, .gallery-item { max-width: 100%; border: 1px solid #ddd; border: 1px solid rgba(0,0,0,.15); padding: 5px; text-align: center; background-color: #fff; border-radius: 3px; box-shadow: 0 0.125em 0.275em 0 rgb(0 0 0 / 8%); } .wp-caption>.gallery-caption, .wp-caption>.wp-caption-text, .wp-caption>.wp-caption-text:last-child, .gallery-item>.gallery-caption, .gallery-item>.wp-caption-text, .gallery-item>.wp-caption-text:last-child { display: block; margin: 9px 0 5px; padding: 0 5%; font-size: 10px; line-height: 1.2; text-transform: uppercase; } .row .col .wp-caption .wp-caption-text, .wp-caption .wp-caption-text {background: transparent !important;border: none;top: 0px;max-width: 100%;box-shadow: none;}Thanks
ThemeNectar Support Team