I am facing an issue with the "Recent Posts" block with Style "Multiple Large Featured". I have 3 posts being shown in the slider (1st one on the left at the top of the page).
When the first one is being shown, I am able to click on the button "Read Article". However, when the second or the third one are being shown I am unable to click on the button. Basically when the title takes 3 lines, instead of 2, the button becomes inactive
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):
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):
@media only screen and (min-width: 1000px) {
.nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="3"] li {
width: 27% !important;
margin-right: 6% !important;
}
}
Hi
I am facing an issue with the "Recent Posts" block with Style "Multiple Large Featured". I have 3 posts being shown in the slider (1st one on the left at the top of the page).
When the first one is being shown, I am able to click on the button "Read Article". However, when the second or the third one are being shown I am unable to click on the button. Basically when the title takes 3 lines, instead of 2, the button becomes inactive
Hey Again,
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):
.vc_col-sm-9 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-8 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-6 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-10 .nectar-recent-posts-single_featured .inner-wrap { width: 100% !important; }Thanks
ThemeNectar Support Team
Hey
Not sure why but this didnt work
I have this CSS live on the site now
It changed the height of the element, but the clickability issue still persists
Hi Alberteck,
Please send in your admin login credentials so that we can look into this further.
Thanks.
Please check it out.
It still isnt working properly
I think its the issue with z-index
im not sure
Hey Again,
The elements were overlappingl.
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):
@media only screen and (min-width: 1000px) { .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="3"] li { width: 27% !important; margin-right: 6% !important; } }Thanks
ThemeNectar Support Team