How and where I can increase the spacing between Post-Title, Breadcrumps and Post-Content in the mobile theme? I want to have between this elements more blank space.
Thanks for your help.
Greetings Kathrin
Hello !
You are using a Cloud library post template and you can use tagDiv Composer to raise or lower the spacing between elements using the CSS tab as you can see here: https://www.youtube.com/watch?v=fa7GenCHcBU
Thank you !
Yes, I know, but that doesn’t work for the MOBILE THEME. How can I do this in the mobile theme. There is also a style.css – where I can increase the spacing there for the H1 and the breadcrumps?
Greetings Kathrin
Hello !
For breadcrumbs: .td-crumb-container {
margin-bottom: 25px;
}
For title: .td-post-title {
margin-bottom: 25px;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Thank you !
Thank you very much, it works! But is there also a way to increase the spacing between the post title and the categories that are shown below the breadcrumbs?
But there is another problem, when I use the css code there – I increase the cumulative layout shift. Is there no way to insert the code in a php-file for the mobile version like style.css?
Thank you very much!
Greetings Kathrin
Hi,
You can use this custom css for breadcrumbs, category and title -> https://i.imgur.com/juxXAoU.png
.td-crumb-container, .single .td-category, .td-post-title {
margin-bottom: 25px;
}
The name of categories is suggestive for the elements that will be apply.
Using the css will be the best way, because when you’ll update the theme the settings in theme files will not be lost, but if you want the css file for mobile theme is this one -> wp-content/plugins/td-composer/mobile/style.css
Thank you!
