- This topic has 21 replies, 2 voices, and was last updated 5 years, 9 months ago by
.
Hi,
If using page layout ‘Full width’ then subscribe button is misaligned. How to solve the issue?
Best regards,
Jürgen
Thank you. Given the page isn’t yet live. Please use the link below.
I visited your shared site but the subscribe button is displaying fine for me as shown in the attached screenshot.
Could you please test it using a different browser?
I see but on my screen it’s still misaligned. I cleared the cache nothing has changed. The issue is on both browser Safari and Chrome Browser. Further more some responsive modes doesn’t work properly as well. In this regard how can I change the hover color of the ‘Subscribe’ button?
Best regards,
Jürgen
I see but on my screen it’s still misaligned. I cleared the cache nothing has changed. The issue is on both browser Safari and Chrome Browser.
Could you please temporarily disable the cache and minification on your site so that I can troubleshoot the issue?
In this regard how can I change the hover color of the ‘Subscribe’ button?
You can try achieving this using Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Disabled the cache. Re the hover color understand that no CSS is available.
Disabled the cache.
Please update the theme on your site to the below latest version as described here https://support.shufflehound.com/updating-theme/
Re the hover color understand that no CSS is available.
I am not sure what you meant by this so please describe it a bit more.
I did the update but nothing has changed. Still misaligned. Re hover color I mean is a css code available to change hover color?
I did the update but nothing has changed. Still misaligned.
Please try adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.mc4wp-form input[type=submit] { right: 0 !important; left: auto; }Re hover color I mean is a css code available to change hover color?
You can change button hover color using the below custom CSS code.
.mc4wp-form input[type=submit]:hover { background: #000 !important; color: #FFF !important; }Sorry, but neither nor are working.
I don’t see the code used on your site.
Where have you added it?
Also please clear the cache used on your site after using the shared custom CSS code.
You can see it at CSS custom code section of the theme. The cache is already cleared.
Yes, I can see it now but it seems you have added that code at the end of the existing code so could you please add it at the top of the existing code?
Did it but nothing has changed.
I don’t see it is changed on your site.
Have you cleared the cache after changing it?
Please make sure to clear the cache every time you make changes on your site.
I have cleared the cache. Nothing has changed. May be it’s useful to have access to the admin. You will find below the access credentials.
Solution for this topic
I logged into your site and changed the code as following as it was having CSS specificity issue on your site.
#page-container .mc4wp-form input[type=submit] { right: 0 !important; left: auto; } #page-container .mc4wp-form input[type=submit]:hover { background: #b80000 !important; color: #FFF !important; }Could you please check it now?
Thank you. Hover is working but button still misaligned.
Solution for this topic
I used the below custom CSS code to resolve the issue so could you please test it now by clearing your browser cache?
#page-container .mc4wp-form input[type=email] { max-width: 100% !important; }
