Site logo

Archived topic

how can I make the bottom margin in the red top bar to 0px ?

3 replies · Started by Robert on October 23, 2021

Viewing posts 1–4 of 4

Hi

I just wanna ask how can I make the bottom margin in the red top bar to 0px, below the phone number?

Even I set the margin on zero in the settings:
https://prnt.sc/1x694rh

- he is still there

Kr
Robert

Hi there,

you have a core WP Columns Block in your widget area. Those automatically add 1.75em of bottom margin.
You can either:

1. Add some CSS to change that:

.top-bar .wp-block-columns {
    margin-bottom: 10px;
}

OR

2. Use the GenarateBlocks plugin and its Grid Block instead:

https://docs.generateblocks.com/article/grid-overview/

The GB plugin provides full styling controls for its blocks.

Hi

I paste Your code:

.top-bar .wp-block-columns {
margin-bottom: 10px;
}

into my website fromy yersterday and it wors...

Then I pasted the same code into my other website (the URL is in the Private information)
but nothing happend - there is still 1.75em of bottom margin.

1. Do I need to change the CSS code for the new website ?

Thx
Robert

For that one you need this CSS:

.top-bar p {
    margin-bottom: 0px;
}
This archived topic is closed to new replies.