Spacing issue footer

I have attached a screenshot and I have two spacing issues. One is the space between my footer and the last element. It is too wide and I can’t figure out how to shorten it?

Also the other question is that you can see the 2 blocks of content on the footer “our location and our hours” and you can see that the text “Monday – Saturday 11am – 2am” is slightly higher then the text to the left of it.

I can’t figure out how to fix these two issues, can you help?

Hello,

Unfortunately, I am unable to see any screenshot attached. Please make sure that you added the screenshot correctly with the URL of the website to check it myself and help you out accordingly.

Best Regards.

Attached is the screenshot thanks

Attachments:

You must be logged in to view attached files.

Hello,

I think you have forgotten to provide the URL of the site on which I can check and provide you the best possible solution for it, please share the URL of the page with me as well in a private content area of this topic so that I’ll check it for you.

Best Regards.

It is the home page which i will put in the private section

Hello,

I have tried to visit the URL you provided but was unable to visit even if I used proxy. Please provide the correct URL to check it myself and help you out accordingly.

Screenshot for Clarification: https://ibb.co/HnqW0tb

Best Regards.

there was a typo please check the private section

Hello,

I have visited your website. Please add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.site-content {
margin-bottom: -27px;
}

You can adjust the margin value according to your needs.

Best Regards.

Thank you, I have applied the code but unfortunately the footer spacing is still off slightly and it looks a little funny is it possible to even this out somehow?

I attached another screenshot showing how the 2 columns are starting at different heights?

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the misunderstanding. I thought you are asking for the space that is occurring over the footer that’s why I provided with the CSS.

I saw the screenshot you attached and visited your website. And both columns are starting from the same height.

Screenshot for Clarification: https://ibb.co/jWYVbKW

If you are trying to ask anything else then provide a relevant screenshot of the specific area pointing to the section to check it myself and help you out accordingly.

Best Regards.

Thank you, my question was of two parts and the first one was regarding the space between the footer and the last element on the page which you addressed correctly.

Regarding the screenshot you just attached please see my previous screenshot, as you are correct that the columns start at the same height but the next line of text is starting at different heights which I took a screenshot of in the preceding ticket:

https://xtemos.com/forums/topic/spacing-issue-footer/#post-200038

To clarify it is the text with the address on the left which is slightly lower then the hours of operation “monday-saturday 11-2am”

Hello,

To adjust the spacing Please add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

#text-18 .textwidget {
padding-top: 6px;
}

You can adjust the value according to your needs.

Best Regards.

Thank you but this padding code moves the whole column and so that is not what I need. I will explain further, when the whole column moves it doesn’t change the fact that the html is still spacing the first line of text disproportionate to the text on the left hand side.

I think the issue is a problem with the html code. and so I think the problem will come from fixing the html code.

Is there any help with that that you can provide me?

Hello,

You are Welcome. If you want the padding to affect the specific line then you need to Go to Appearance >> Widgets >> Footer Columns.

And Edit that particular column and assign the particular line

tag a class then you can use the CSS that will affect only that particular line.

Screenshot for Clarification: https://ibb.co/NFXVM8N

Then you need to target the class to set the padding.

#text-18 .padd {
padding-top: 6px;
}

Note: In the above CSS “padd” is the class that i have assigned to the

tag.

Best Regards.

[Author]

Posts