Buttons acting strange

Support
#1

Hi there,

For some reason some of my front end css isn’t working. The backend has a green button, but on the front end its white and out of place.

I’ve attached screenshots of both.

Any ideas?

#2

Hi,

The base background of the button element, doesn’t seem to work.

I tried on my test site but can’t replicate the issue. So there is something in your site preventing it from working.

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

For now I added this code in Cornerstone > CSS as a temporary fix.

.b-column .x-anchor-button {
  background-color: rgb(15, 216, 44);  
  font-size: 1.4em;
  margin-top:18px;
}

Please let us know how it goes.

Thanks

#3

Hey Paul,

Thanks for your help. Is there any clue whats causing it? I’m finding it’s effecting quite a few different elements. Will forward in secret note.

#4

Hello @kylehill,

Thanks for updating the thread. :slight_smile:

  1. Contribute page: Upon opening the contribute page in Pro editor, I see that button having Green background. Then i previewed the same on front end it seems to be working fine. Backend screenshot https://cl.ly/1q2K0i2z0j2g. Frontend screenshot https://cl.ly/242h3o3H0p2D.
  2. Member Register page: Over here I can confirm that the Instant Access column has a white background in Pro editor. However, in frontend background color does not appear. Same goes for home page buttons that are under Get Your Copy section.

As suggested by my colleague in previous reply, have you tested for plugin conflict. There can be some conflicting scripts that may come-up after page was created. Please test for plugin conflict and let us know the outcome.

In case after testing for plugin conflict issue is not resolved, to further troubleshoot this issue, I need your permission as it’s a live website. We may have to perform some tests on the website which may effect the performance, appearance, layout and functioning of website temporarily.

Thanks.

#5

Please go ahead, I trust you!

I didn’t activate any new plugins before this issue occurred. All the plugins I’m using are light and well coded. I’ve noticed the issue might relate to the Preset Style system.

I would really appreciate your help with this and will purchase a third license shortly to say thank you.

#6

Hi,

Upon checking again, I can see that you are using cloudflare. It’s possible to implement a change, and not have it take place because a cached version of the page or various resources are loading instead of the latest version.

Try to clear cloudflare cache and check again.

Please also keep in mind that every time you do some changes in your site, you need to clear cloudflare cache to make sure that your site will display the latest.

Thanks

#7

Done, but with no joy. I’ve put into development mode for you to take a look.

#8

Hey @kylehill,

The issue is weird and I’m currently not sure what is causing this. See the secure note for details.

#9

I have provided Cloudways access in the secure note.

On a separate note, I’ve got some custom CSS on the entry wrap around the blog post that I cannot for the life of me figure out where. When I check the CSS it says something about Cornerstone, which I thought was depreciated in Pro. For example: https://winnersguide.com/why-world-war-3-wont-ever-happen/ - This only seems to be happening on some posts.

I’m wondering if this is where the conflict might be. I think I deleted the old cornerstone plugin before the issues with the buttons. Also, I activated Breeze (a caching plugin) and deactivated it round about the time I faced issues.)

Thank you so much for your help!

#11

Hi @kylehill,

You mean this .entry-wrap{padding:5px !important;}? I see it working on that page, but if you wish to make it appear on all pages then please move it to your global custom CSS. Should be under Theme options section.

About the button, it’s green on the live page, tried it on Opera too. Perhaps you already fixed it?

Thanks!

#12

I mean I want to remove that css but can’t see where it’s saved. It’s not in customise or theme options. Checking the HTML it says it’s coming from cornerstone.

Buttons and some elements are still not working/showing. The green one on contribute page is with an extra css hack on top of what’s visible in the Pro editor.

#13

Hey @kylehill,

I saw your memory limit is only 32M (see Secure Note). Would you mind contacting your host to increase it to 512? Also increase the timeout to 300s.

The entry wrap CSS is coming from the Content CSS. Did you create your post using the Content Builder? I could not access the Content Builder from your post though. Going to WP Admin or any admin pages in your site just redirects to the home page (see https://youtu.be/M2SqwGjaYvs). It could be one of your third party plugin causing that.

Thanks.

#14

I’ve found the issue!!!

When ever you use a background image for a lower layer, the buttons stop working. Please check.

#15

Hey @kylehill,

I tested what you said in the same test page as before and it still does not work (see Secure Note). The test page does not use any background image like that page that is working. I’d like to create another test page but clicking add new just redirects to the home page like I said previously.

Would you mind increasing your memory limit and also deactivate all third party plugins while we troubleshoot? If that could not be done in your live site, please copy your site over to a staging server and give us access there so we could find what’s causing the issue without affecting your live site.

Thanks.

#16

I increased to 512mb as you suggested. Will create a separate server now and give you the details in the secure note.

Thank you so much for your time.

#17

Hi @kylehill,

But I couldn’t log in to your staging site, this is the error

ERROR: Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress.

But my cookies are active in my browser. Perhaps the credentials are correct but the server doesn’t accept session/cookies. Could you verify if you’re able to log in? And please recap the issues left as the discussion is getting longer, is it still the background causing button issue?

Thanks!

1 Like
#18

Give me a couple of hours.

#19

Thanks, let us know :slight_smile:

#20

Ok guys,

I don’t know how but I’ve fixed it. I think it was something in the header or footer causing a conflict!! Thank goodness, check out the site - it looks amazing.

Could you perhaps help me figure out why my blog/archive titles aren’t showing? https://winnersguide.com/browse/

I’m using a child theme new, have tried to add the title tag but nothing. I’m confused, and feel like some old css is being pulled from somewhere.

#21

Hey @kylehill,

It could have been a custom CSS syntax error in your header that was causing the issue.

Regarding the Blog title, the header landmark containing it is replace by Pro’s header. The header landmark is only available for the Classic header. For now, you can create and assign a header for your blog page and in that header, add a static title.

Thanks.