-
Posts
-
Hi there,
It appears that our website is experiencing some CSS Issues. I was told by WooCommerce that there appears to be some bad CSS written and that you guys would be able to fix it.
Various elements across our website are getting cut off for no reason. We have updated everything and performed plugin troubleshooting.
Your help would be appreciated!
Hey vantagepointmg,
Please this in Quick CSS to adjust the title:
h1.product_title { line-height: 1.8em; }I’m not sure which button you are referring to though, is it the one in the main menu?
Try this to adjust the submit button:
button.frm_button_submit { padding: 27px 20px 18px 20px !important; }Best regards,
RikardHi there,
That first code fixed the heading issue, thanks!
Regarding the buttons, I was referring to the main menu “Shop” button and the “Submit” button down on the button under the “EXPERIENCE THE AROMATIC LIFE” section. Unfortunately that second code did not fix either. Any other suggestions are welcome!
I appreciate your time!
Also, if I were to give you login credentials for the website, what is the best email to set it up with?
Hi vantagepointmg,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( to be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.Best regards,
NikkoHi vantagepointmg,
I have checked in to your site and I don’t see any cut off you mentioned and seems to look good.
Can you give us a screenshot of how it looks on your end? for the meantime, please try to flush out the browser cache.Best regards,
NikkoHi there,
Here are some screenshots:
We have checked multiple devices and cleared the cache (even purged the site’s cached) and it’s still not showing correctly. Like I mentioned initially, I was told that there was some bad CSS that was written.
Thanks!
Hi vantagepointmg,
Here are the screenshots I have on my end and also checked in multiple browsers:
– https://imgur.com/ThaYCAk
– https://imgur.com/6m2mCH5Adding this CSS code should fix the submit button height:
#top .frm_button_submit.frm_final_submit { height: 45px !important; }Since we have different output on our end, can you try to disable all optimizations temporarily, including CSS file merging and compression in Enfold > Performance and also caching.
Best regards,
NikkoNikko,
Gotta “love” cache, right? :)
I tried the code and disabling all of the cache-related items on the website and the buttons still aren’t working. Thoughts?
Hi vantagepointmg,
It’s really good for performance but sometimes a headache in the development :(
Do you have any browser extensions installed? if you have, please disable temporarily.
Also, try to right-click the button then click Inspect Element, it should open a web inspector then click on Computed (see screenshot in private content).
Then also post a screenshot on it.
Also please check the Console tab, if there are any errors.Best regards,
Nikko
- You must be logged in to reply to this topic.