Archived topic

Spacing for yoast breadcrumbs and between elements

1 reply · Started by Yves on October 6, 2020

Viewing posts 1–2 of 2

October 6, 2020 at 9:35 am #1474929

Hi,
i have 2 questions which i cant figure out: (using generatepress 3.00 rc1)

My URL: https://www.socken-struempfe-shop.de/kniestrumpfhosen-fuer-kinder/
User: closte
Pw: closte

1. I want to reduce spacing under and over the breadcrumbs but only found an option above. Can you tell me the css for both?

2. The spacing between elements like my blockquote and shortcodes that display the product stuff. Can you tell me how i add spacing there with css?

Thanks

October 6, 2020 at 10:15 am #1474984

Hi there,

1. Try this:

.single.separate-containers .site-main {
    margin-top: 5px;
}
.yoast-breadcrumb p {
    margin-bottom: 5px;
}
.grid-container.yoast-breadcrumb {
    margin-bottom: 0;
}

2. For block quotes, you can just add margin-top and margin-bottom to this existing CSS:

.entry-content>blockquote {
    border-left: 5px solid #B6D2E5;
    font-size: 13px;
    font-weight: 400 !important;
    position: relative;
    padding: 1.4em;
    background: #EEF7FE;
    font-style: normal;
}

And CSS for the products which isn't controlled by GP:
https://www.screencast.com/t/lsIGaagL

This archived topic is closed to new replies.

Start building better websites today.