Where in the style.css for the mobile theme I can increase the space between the top social buttons and the info text for the ads like -advertisement- for the top ad?
Thank you very much!
Greetings Kathrin
Hello !
Space can be done easier through css. Can you provide an example or some more information of where and how much the space increase you’d like to have?
Thank you !
In the mobile theme there are the top-social-buttons and after that buttons there is the possibilty to insert an ad. That I have done including the description -Werbung/Advertisement-. But this ad block receives most of the invalid clicks in my blog. According to the guidlines of AdSense there should be enough space between links (social media buttons) and the ad. So I want to increase the space between the ad and the top social media buttons.
Doing it with CSS within the themepanel always increases the CLS, can please tell me where I have to do it in the style.css of the mobile theme? It just should be done by increasing the margin, but I don’t know where.
Greetings Kathrin
Hello !
Please try this css code: .td-post-sharing-top {
margin-bottom:30px;
}
The code can be adjusted and needs to be inserted here: https://www.screencast.com/t/ahwdwZk93
Thank you !
Dear Vlad, if I use the theme panel I create a CLS on my own. Every peace of code that is not loaded at once causes that problem. I need to do it directly in the style.css. Will I find it there under the same parameter .td-post-sharing-top?
Hello !
Yes, this should work if you insert it directly.
Let me know the result !
Thank you !
Vlad it’s the only way to get no Layout Shift!!
Hello !
I am sorry for misunderstanding !
The file you have to edit is located in here: https://www.screencast.com/t/opTpiuzXDvi As you can see by default it has a 20px margin which you will need to edit to 30px. Or you can adjust it to fit your taste.
I hope this was more helpful !
Thank you !
