Button style weirdness
-
On my site, I use the Avada theme. In theme options we set defaults. The button defaults should be dark blue for regular, pink for hover. On my site, various buttons are, instead, using a style that was only defined on my Sedona pages (under http://www.visionsofheaven.com/sedona – for example, buttons at the top. The orange color is defined directly in the button element in my theme’s builder on those pages.).
An example of this is on the home page where if you search for a button with text “TELL ME MORE” it is orange. Scroll down a tiny bit and you’ll see a button that says “DETAILS” that is (correctly) blue. I actually copied the DETAILS button and edited it into the TELL ME MORE BUTTON in my theme builder but the colors differ. This problems exists on many other pages on my site (for example: https://www.visionsofheaven.com/2018-1006-manifesting-in-the-flow-of-grace – register and directions buttons at the top, etc. Interestingly the hover color is correct).
Any ideas how I might debug this? I have verified it only works when using the CriticalCss plugin by selecting “inline and defer” under css in autoptimize. Thank you! If worse comes to worse, I can go into each problem page and fix it manually, but I’m hoping this isn’t an indication of something deeper that is wrong. Thank you!!
The page I need help with: [log in to see the link]
-
the padding-top being added even happens when Autoptimize (and thus the criticalcss “child-plugin”) is not active. it looks like your theme has JS that depending on the browser adds inline CSS to the
<bodytag.here’s a screenshot of your non-autoptimized (see URL that has
?ao_noptimize=1to disable AO for that request) newsletter-page for a Google Nexus 7 tablet;
so this is _probalby_ added by your theme’s JS, maybe check with the theme developers?
frank
The topic ‘Button style weirdness’ is closed to new replies.
