Custom CSS Code Help

Home Forums Jevelin Theme Custom CSS Code Help

Home Forums Jevelin Theme Custom CSS Code Help

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    RESOLVED Posts
  • 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;
    }

    Attachments:
    You must be logged in to view attached files.

    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 team

    Hi There,

     

    I apologize that was an over sight it displays on every page on the left:

     

    https://www.ariops.org.uk/

     

    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.

    Attachments:
    You must be logged in to view attached files.

    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 🙂

Viewing 17 posts - 1 through 17 (of 17 total)