Your current layout does look as the same you have shared in the screenshot. Here's a screenshot of what we're seeing from our end.
Is this the layout you were looking to achieve? if not, you can share a screenshot showing how you'd want to look like so we can further look into this.
Sorry for my bad explanation. I would like to center all the text of the fancy boxes in the middle. I have enclosed a screenshot with an exemple (SIEGE) .
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):
.nectar-fancy-box[data-style=hover_desc] .inner {
align-self: center !important;
}
Hello,
I have 6 fancy boxes with description on hover style on my page and I would like to Horizontal align the text
Could you let me know how can I do that ?
Thank you :)
Update : I have try this custom css but not sure of the accuracy:
.nectar-fancy-box .inner h4 {
position: absolute;
top: 50%;
transform: translateY(-450%);
text-align: center !important;
width: 100%;
}
Hello again,
Thank you for getting back to us.
Could you please share a screenshot of what you'd want this to look like so we can further advise?
We look forward to your reply.
Thanks,
Hi Andrew, thanks for getting back. Here is a screenshot
Attached files: Screenshot 2023-11-01 at 17.26.48.png
Hello again,
Thank you for getting back to us.
Your current layout does look as the same you have shared in the screenshot. Here's a screenshot of what we're seeing from our end.
Is this the layout you were looking to achieve? if not, you can share a screenshot showing how you'd want to look like so we can further look into this.
Look forward to your feedback.
Cheers,
Sorry for my bad explanation. I would like to center all the text of the fancy boxes in the middle. I have enclosed a screenshot with an exemple (SIEGE) .
Thanks,
Attached files: Screenshot 2023-11-01 at 17.26.48.png
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):
.nectar-fancy-box[data-style=hover_desc] .inner { align-self: center !important; }Thanks
ThemeNectar Support Team
Thank you so much !
Just one more thing : the image does a weird shaking when you pass with the cursor. Any suggestion to correct the problem ? Thanks