Issue on alignment

silviotiago · March 2022

Hi,

I've noticed some issues on website: https://padelinn.pt/

1) Footer elements not aligned: https://www.dropbox.com/s/7m4vx2dv14miu14/Captura%20de%20ecr%C3%A3%202022-03-04%2C%20%C3%A0s%2013.58.05.png?dl=0

2) Also happens here: https://padelinn.pt/loja/, you can see "com IVA" is not aligned...

3) if any text has bold or href it gets not aligned also. Example page: https://padelinn.pt/produto/adidas-raquete-drive-rosa-verde/

a) without bold: https://www.dropbox.com/s/tx2v28jbeibhfoh/Captura%20de%20ecr%C3%A3%202022-03-04%2C%20%C3%A0s%2014.03.20.png?dl=0

b) with bold: (bold is not dark don't know why): https://www.dropbox.com/s/kcmv7tta592k2wr/Captura%20de%20ecr%C3%A3%202022-03-04%2C%20%C3%A0s%2014.04.04.png?dl=0

4 - Concerning this page: https://padelinn.pt/loja how can I make the price line darker or bold?

Phil · March 2022

Hello,

Please, turn off all of the plugins, refresh your cache, and check if the problem persists.

Moreover, if you use a child theme, switch to parent, and recheck it.

If this will not help, please, leave all minifying plugins off because I need to take a look at your website with them disabled.

Thanks

silviotiago · March 2022

Hi,

Just have done that with all plugins disabled and on footer the issue keeps going. The others I couldnt check because by disabling all plugins I also disabled Woocommerce and other issues were on products.

But as the footer issue still was there I believe that plugins didn't fix it.

here you have video with all plugins disabled and opened website in private mode: https://www.dropbox.com/s/bles4kkoj4wlefi/plugins-off.mp4?dl=0

Please note that I couldn't let it disabled till you check because it's a website for a costumer and I can't have it hours or days without plugins.

How can I give you private access?

Phil · March 2022

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Thanks

silviotiago · March 2022

Done.

Phil · March 2022

When you deactivate the minifying plugin, you will notice a couple of HTML errors on your website.

Please open your website in Firefox HTML mode (CTRL+U) and check the HTML errors you got. Please fix them first, and see if the problem persists.

Moreover, you have an old version of Betheme.

Please head to the link we provided below, where you will find all of the information on how you can update the theme successfully.

https://support.muffingroup.com/faq/how-to-update-betheme/

Thanks!

silviotiago · March 2022

Hi,

You mean plugin "NitroPack"?

I've disabled it and I'm in Firefox HTML mode and can't see any error.

Can you share screenshot please?

Phil · March 2022

Yes, I meant the NitroPack plugin.

See an example on the following screenshot:

The red bold ones are HTML errors.

Thanks

silviotiago · March 2022

Hi,

i've fixed those errors.

All the rest are non errors like html entities such " " for space.

Can you please now check my 4 questions on the first message?

I'm running out of time with this website :/

Phil · March 2022

It seems that a custom CSS causes issues with the text alignment in the Footer.

Please, go to Betheme -> Theme options -> Custom CSS & JS -> CSS, save your codes somewhere for safety, remove them one by one, and check which one causes it.

For the price, you can use the following code:

.woocommerce .products .desc .price{
   font-weight: bold!important;
   color: #213705 !important;
}

Thanks

silviotiago · March 2022

Hi,

After trying all CSS, I found that the error is here:

/*1. GENERAL CORRECTIONS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  vertical-align: -webkit-baseline-middle;
}

I Think it was some code provided by support couple years ago.

If I remove that code I see it like this, correctly: https://www.dropbox.com/s/xsishzduxfzc6g7/Captura%20de%20ecr%C3%A3%202022-03-15%2C%20%C3%A0s%2010.05.09.png?dl=0

If i keep the code, I see it like this, not aligned: https://www.dropbox.com/s/zvwe3kf4pw5xjfo/Captura%20de%20ecr%C3%A3%202022-03-15%2C%20%C3%A0s%2010.05.34.png?dl=0