Hello Support.
Thanks for the speedy response the last time.
Another quick question.
In the footer is no widgets just content.
I have a button and the address of the B&B I am helping to design the site for.
However the client would like the address to be wider and span the footer space more.
Is there a piece of code I can pop into the CSS that will allow me to either to add more spacing between the text in the footer to allow me to fill the footer better.
Thank you
Hi Drew,
Thank you for reaching out to us. Since you’re using X the basic footer settings can be found via X > Theme Options > Footer however customizing the footer would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. You can try adding the following code in the Theme Options > CSS:
footer.x-colophon.bottom .x-colophon-content h5 {
display: flex;
justify-content: space-around;
}
If you need more in-depth changes, I’d recommend you to upgrade to Pro (see https://theme.co/docs/the-difference-between-x-pro) where you can create a custom Footer with plenty of possibilities as Pro offers Header and Footer builders.
Hope this helps!
Thank you that worked perfectly for me. I just put a few tags in to help space it out.
Is there a way to be able to control the width of it though as at the moment it is wider than the rest of the site now.
Other than that its great
Hello Drew,
What sort of tags you added in the content area? The width if the footer content should be within the footer container only. You may have added a broken code or invalid one which is why the contents is now wider. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Regards.
Hello I added tags in to space it out better. There is no broken code as far as I know.
I will add the details you need in the secure note.
Having another look its definitely inline with the content area but the content is stepped in because of the margin I believe where as the footer doesn’t seem to have a margin set. So it looks rather out of place.
If we can just line it up with the content and top Navigation bar that would be a big help.
Thank you very much for the ongoing assistance.
Hello Drew,
I have inspected each of your pages and I found out that each of your sections has a negative top and bottom margins. This shortens the height limiting any empty spaces between the header, content area and your footer. This made the content area so close to the footer. In addition, some of your row container has a negative bottom margins too.
To get this resolved, please edit each of your pages and make sure to remove the negative top and bottom margins.
If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support
If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support
Regards.
Hello Ruenel
The top and bottom margins are negative as the client wanted to have as minimal amount of scrolling as possible. So by removing the margins it bunches the content and the footer up the page. So the minus was done for a reason.
I have attached an image showing the problem. The site is set at 1080 site max width which put the Content text inline with the menu like the client wants. However the footer for some reason does not stick to the same 1080 with. Is it possible to get the footer to line up with the rest of the site?
Or is there a way rather than to justify the text to allow spacing to be added between each work so they are not spaced as far apart?
Hello Drew,
If that is the case, you will just need to set a maximum width in your footer content. Please have your footer content updated and use this:
<div style="max-width: 890px; margin: 0 auto;">
<p><a href="https://portal.freetobook.com/reservations?w_id=8751&w_tkn=VIFoPUinnfFXk036EBN6hgNTNPweJrf5QfWJYr3hEFwSR3yD5pAy5Mk3ISzmV" target="_blank"><img src="http://www.newgatehouse.com/wp-content/uploads/2020/04/booknow.gif"></a></p>
<p><a href="https://www.facebook.com/NewgateHouseBandB/" target="_blank"><img src="http://www.newgatehouse.com/wp-content/uploads/2020/04/newgate_-_facebook_001.png" width="30"></a></p>
<h5><span></span>Newgate House <span></span>•<span></span> 46 Newgate <span></span>• <span></span> Barnard Castle <span></span>•<span></span> County Durham<span></span>•<span></span> DL12 8NJ <span></span>•<span></span> 01833637076 <span></span>•<span></span> staying@newgatehouse.com</h5>
</div>
We would love to know if this has worked for you. Thank you.
Worked perfectly!
Thank you so much!
We are delighted to assist you with this.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
