Add default tabbing on the sides

Shapely
1

I would like to add a padding for all the pages but I cannot find how. the solutions I found are only for the blog.

2

Hi there

Can you please provide url of the page? also provide screenshot of how you want to adjust it and I will help you with custom CSS

Regards

3

https://reubenchircop.com

I would like to add a padding on the left and right so the the page looks centred.

Thank you for replying.

4

Hey there

Please add this CSS code in the Appearance > Customize > Additional CSS:

section.content-area #main {
    max-width: 1140px;
    margin: 0 auto;
}

Regards

5

Thanks I have added this but i do not see the impact of it. even after publishing I do not see the text and logo move … Am i missing anything ?

6

Hi

Looks like its not added properly, can you please share the screenshot of the CSS box?
You will have something like this: Screenshot by Lightshot

7

I don’t know but I tried it the second time and it worked.
Thank you.

I now noticed a different issue with the menu icon showing as a box rather than a down arrow.

8

Hey there

That’s good to hear :slight_smile:

Ok, but I can see one here: Screenshot by Lightshot ?

Regards

9

I meant this one. next to services there is a box not a drop down arrow.
Screenshot 2023-05-25 at 16.03.17

Thank you.

10

Hey there

Ok, got it, thanks

Please add this CSS code in the Appearance > Customize > Additional CSS:

.shapely-dropdown {
    display: contents;
}
.dropdown:after {
display:none;
}

Regards

11

Perfect thanks it worked. Its actually very close to the text, is there a way i can add a character space ?

12

Hey there

Yes, sure we can do this:

i.fa.fa-angle-down {
    position: relative;
    right: -6px;
}

Regards

13

That is great, it worked.
Awesome thanks

14

You are welcome and have a good day :slight_smile:

Regards