Content margins question

[isa1978]

Hey there

I have managed to increase the content margins using the theme options feature “content width %”
(here 1st screenshot attached)

However, if you can see the second screenshot, while the right margin is perfect, the left margin didn’t change and it’s narrower than the other.

How can I change that too to the same size as the right one?

Also in the same shot, you can see the about me box is too close to the picture is it possible to align it to the social media bar?

thanks a lot for your help
cheers
Isabella

[ruenel]

Hello Isabela,

Thanks for writing in!

Please be inform for the following:

Site Width: 88%

• This means that 88% of the browser width or up to 1400 pixels will be the width of the site.

Content Width: 76%

• This means that your content width is 76% of the browser width or at least 1064 pixels wide.

Now, the problem is that whatever you do in changing those values, it will be realize because something in X > Theme Options > Custom CSS, you have added the following code:

.single-post .entry-content.content {
    margin-right: 0;
    max-width: 800px;
}

And this code limits your post content to up to 800 pixels only leaving an empty space on the right side of the page. Please remove this code and let the site width settings take charge.

Hope this explains it briefly.

[isa1978]

Hello @ruenel
thanks a lot for your help.
I took out the code.
And I change the site width instead, although I still don’t understand what’s the difference between content width and site width, I still managed to get the margin I wanted. thanks a lot.

May you please help me with the vertical alignment of the About me box with the social share button? I would really appreciate it
thanks a lot
cheers

[tristup]

Hi Isabela,

Regarding the vertical alignment of About Me section, there is a top margin has given to content section.
You can either reduce the content section top margin, or you can add the same top margin to the About Me aection.
The following code will reduce the top margin from content section.
The following code will work if copied as it is and doesn’t conflict with any existing code.

.single-post .entry-content {
  margin-top: 0px ;
}

The following code will help you to add the top margin to your About me section:

.x-sidebar .widget:first-child {
    margin-top: 17px;
}

We also recomend you to hire a developer who can asist you to do the customization or you can avail our newly launched service called One
You will get more options coming up with our Layout Builder, please find the status report : https://theme.co/content/status-report-july-01-2020

Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.

[isa1978]

@tristup
awesome! thank you so much

cheers
Isabella

[marc_a]

@isa1978,

It’s our pleasure to help you.

Thank you.