navbar is not in one line, gaps between posts

Activello
1

Hi,
pls take a look at my navbar - it has always been in one line - all “categories” and search, now it seems that right and left margins are really wide and one line is not enough.

and there there are too large gaps between posts in archives for ex:

May I add any code to my child theme css to fix it?
thank you and best wishes,
Beata

2

Hi Beata,

I hope you are well today and thank you for your questions.

You can resolve these issues by adding following custom CSS code in the style.css file of your child theme.

#page .navbar-default .navbar-nav> li {
    margin-right: 0;
}
.archive #page .post-inner-content {
    margin-bottom: 0;
    padding-bottom: 25px;
}

Best Regards,
Movin

3

Dear Movin,

thank you, I add this code to my style.css and it seems all works!

is it possible to have little bit wider gaps between archive posts standing in one line - my archive is two columns archive and posts are almost sticked one to another,

best wishes,
Beata

4

Hi Movin,
Can I add the same code to the css section in the theme customizing area?
I’m not using a childtheme.
I tried to implement a childtheme (with the child theme wizard). But even I didn’t change any fonts in the parent theme everything looked different in the child. All fonts were changed in shape, size and sometimes color also. To mich for me :-(… I didn’t know where to start and it would have taken days for me to fix it.

So is there a way without a child theme that is save to theme updates?
All the best
Alex

5

@Alex Yes if you are not using child theme then you can add that custom CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

If you have further questions then please create separate topic for it.

6

@Beata

is it possible to have little bit wider gaps between archive posts standing in one line – my archive is two columns archive and posts are almost sticked one to another,

Use following custom CSS code to achieve this.

@media (min-width: 768px){
body.archive article.post:nth-child(odd) {
    padding-left: 25px;
    padding-right: 0;
}
body.archive article.post:nth-child(even) {
        clear: left;
    padding-right: 25px;

}
}
7

Hi Movin,
thank you! Now I finally managed to get a child theme running :-D!
All the best
Alex

8

You are most welcome here :slight_smile: