The css you are using is wrong, you need to set a max-width to limit it. Also remove the padding added via custom css.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Not sure how to explain this but you are trying to add a element whose width is bigger than the container its in so its not possible given the current configuration.
The only way is to make the font smaller or use 1/4 columns instead of 1/6 that you are using now.
We have managed to make the circles the same size but we would like the text inside to be centred.
Can you tell me the CSS to fix this?
The css you are using is wrong, you need to set a max-width to limit it. Also remove the padding added via custom css.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.morphing-outline .inner { max-width: 50px !important; }Thanks
ThemeNectar Support Team
The text is still not centred within the circles :(
ie
https://cef.org.au/marketing-and-fundraising-resource/
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar-cta .link_wrap { top: -5px; }Thanks
ThemeNectar Support Team
The words remain uncentred in the morphing panels :(
Those werent visible before. Also i am still seeing the padding in there due to which the text cant be centered.
Hope this makes sense.
Best
ThemeNectar Support Team
The client had hidden them. So what do I do. I have no additional padding in here.. just the two css settings you have sent through
It was cached.. so I have cleared cache.. can you look again.. this is the issue from all along... that the text inside is not centred
Not sure how to explain this but you are trying to add a element whose width is bigger than the container its in so its not possible given the current configuration.
The only way is to make the font smaller or use 1/4 columns instead of 1/6 that you are using now.
Best
ThemeNectar Support Team
I think my issue is that its ranged and not centred... there seems to be huge amounts of interior padding...
Yes exactly the padding is added in via custom css to make them the same size .
Best
ThemeNectar Support Team