- This topic has 16 replies, 2 voices, and was last updated 7 years, 9 months ago by
.
I wrote this custom code to thememy follow blog widget see screenshot and I wanted to style the input box and button to better match the site what am I doing wrong please advise?
a.sbe-follow-link {
background: #47c9e5;
color: #ffffff;
}
div#sbe-follow-wrap {
background: #ffffff;
color: #000000;
}Hi @brandonmaytham,
I hope you are well today and thank you for your question.
Could you please share me the page URL from your site where it is displaying so that i can help?
Best regards,
Shufflehound teamHi There,
I apologize that was an over sight it displays on every page on the left:
Thanks
Solution for this topic
To make your shared CSS code work, please change it to following CSS code.
#sbe-follow-subscribe-form input.sbe-follow-email-field { background: #47c9e5; color: #fff; } #sbe-follow-subscribe-form input.sbe-follow-form-submit { background: #fff; color: #000; }Thank you this works.
However is it possible to complete the border on the subscribe button both sides are missing and purhaps in the same blue as the box and change the box to a blue border with a white fill and text ? like the screenshot.
Thanks in advance.
Solution for this topic
Use below CSS code to achieve it.
#sbe-follow-subscribe-form input.sbe-follow-email-field { background: #fff; color: #000; border-color: #47c9e5; } #sbe-follow-subscribe-form input.sbe-follow-form-submit { border: 1px solid #47c9e5; border-radius: 0; }Almost there
is it possible to still have the dummy text with a dummy e-mail that disappears on click and is slightly faded.
Also can the subscribe button mimic the button on the membership table the blue become a member button found here.
https://www.ariops.org.uk/#heading-82a742a3ecaec5d33c1a6b8617db2644
Solution for this topic
is it possible to still have the dummy text with a dummy e-mail that disappears on click and is slightly faded.
You can use below CSS code to achieve it.
#sbe-follow-subscribe-form input.sbe-follow-email-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8d8d8d; } #sbe-follow-subscribe-form input.sbe-follow-email-field::-moz-placeholder { /* Firefox 19+ */ color: #8d8d8d; } #sbe-follow-subscribe-form input.sbe-follow-email-field:-ms-input-placeholder { /* IE 10+ */ color: #8d8d8d; } #sbe-follow-subscribe-form input.sbe-follow-email-field:-moz-placeholder { /* Firefox 18- */ color: #8d8d8d; }Also can the subscribe button mimic the button on the membership table the blue become a member button found here.
Yes you can mimic it by developing custom CSS code.
Thank you so much please consider this closed
Is it posible to have the buuton blue and white like the follow button instead of grey and black?
Also why is there no place holder text like?
Sorry the placeholder text just took a while to load I apologize
Is it posible to have the buuton blue and white like the follow button instead of grey and black?
Yes it is possible by developing custom CSS code.
Thank you so much please consider this closed
You are most welcome here 🙂
I apologize is it posible to have the buuton blue and white like the follow button instead of grey and black?
I already said above that Yes it is possible by developing custom CSS code.
Sorry missed that thank you
Not an issue. You are always welcome here 🙂
