Footer Widget Fourth is misaligned

[barriosemail]

Hi support,

I looked at the website today and noticed that the “Footer Widget Fourth” is out of alignment. I did not make any changes to any of the footer widgets. The only thing I did was install this plugin: https://wordpress.org/plugins/contact-form-7/ that your tech support suggested yesterday.
That has nothing to do with the footer though. I used the new plugin only for the CONTACT page.
The website is www.room4bethford.com

Can you help me fix this?

Thanks, Tim

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

#text-10 { margin-right:0 !important;}

Regards,
Dave

[barriosemail]

Thanks Dave. That helps some. Except that it moved part of “Footer Widget Third” over the the top of “Footer Widget Fourth”.
The words “Click here to purchase” are part of “Footer Widget Third”.
Please take a look. www.room4bethford.com

Thanks, Tim

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

#text-10 { display:none;}

Regards,
Dave

[barriosemail]

Thanks Dave,

That makes the the words “Click here to purchase” disappear from the top of the 4th footer widget but it also makes it disappear from the 3rd footer widget.

“Click here to purchase” belongs underneath the image of the book in the 3rd footer widget. In fact, it’s typed in the 3rd footer widget but it does not appear on the page when I use #text-10 { display:none;}.

Please advise. Thanks, Tim

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

Remove
#text-10 { display:none;}

And add this code there
#text-10 { display: block; position: relative; left: -325px; top: 240px;}

Regards,
Dave

[barriosemail]

Thanks Dave. It’s almost fixed.
The header “Contact Info” does not line up with the other three headers (Main Menu, Upcoming Events, Buy A Signed Copy).

Here is the code inside of the Custom CSS Box:
#text-10 { margin-right:0 !important;}
#text-10 { display: block; position: relative; left: -325px; top: 240px;}

Thanks, Tim

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.fourth {margin-top:-20px !important;}

Regards,
Dave

[barriosemail]

Perfect solution. Problem solved.

Many thanks, TB

[Sonl Sinha]

🙂

[Author]

Posts