Greetings,
I turned on the ‘Show element options for developers” in the enfold setting to change some of the spacing for some of my elements on my homepage but it doesn’t seem to be working. I’m trying to make the titles under my icons in my homepage closer to the icons. There is too much white space currently.
I added a class to the element and this quick css but nothing works. I also tried to add a margin to the title element but it doesn’t apply.
spacingtitle.av-special-heading-tag {
margin-top: -40px;
}
Any ideas how to solve?
Hey asapevictions,
If you are trying to target a class then the selector for that is a dot, please try this instead:
.spacingtitle.av-special-heading-tag {
margin-top: -40px;
}
Best regards,
Rikard
Interesting. I added the dot but things are still now working. I’m trying to target text under the icons on my homepage.
Hi,
Do you have some malformed custom css that could be preventing the code from running? Try adding Rikards suggested code to the very top of quick css so that it runs first and clear the cache a few times over.
Best regards,
Jordan Shannon
No, I don’t. I only have a few css codes provided from Enfold which I removed and the code is still not working.
Hi,
Okay thanks for looking into that. If possible, please provide admin info so I can log in and look into this issue further.
Best regards,
Jordan Shannon
Whats your email to make you a temp login?
Hi asapevictions,
You can use any email, just post credentials in the private box below.
Best regards,
Victoria
See Private
Hi asapevictions,
No need the negative margin there, you just need to set is to 0.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.spacingtitle.av-special-heading {
margin-top: 0px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Resolved, Thanks
Hi,
I’m glad you were able to get this handled. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon