Add Subscribe Box/Email input field to Menu

  • Posted in : Read WP
  • helpsendbobo
    Participant

    Hi there,

    I love the search box that is incorporated into the menu, and I was wondering if there was a way I could also incorporate my newsletter subscription box into the menu in a similar way (all I need is a button that says ‘Subscribe’ then when you click on it it opens up a box for the reader to type in their email address). So essentially the exact same look/feel as the search box, but for inputting email. Btw, I use Mailchimp.

    Kind regards,
    Dennis

    Mehmet S.
    Keymaster

    Hi, it is not possible by default. But you can place your subscription input to the header widget location.

    Thanks

    albanbrice
    Participant

    Hello,

    5 questions:

    1. I would like to insert a message like a subscription call to action after all my blog posts. How can I do that?
    2. How can I minimize the space between the logo and the tagline in the header?
    3. How can I change the color of my reply comment box left side (red by default)?
    4. How can I push the sidebar to the maximum right?
    5. How can I increase the size of my bullet points contents just in my blog posts?
    6. In the contact form, How can I change the message received after submitting the form?

    Thanks in advance for your help.

    serkan
    Moderator

    Hi,
    1) You can use one of this plugins ;

    2) You can use this custom css code;

    h1.site-title { margin-bottom: -20px; }

    3) You can use this custom css code and change the color code;

    .bypostauthor > article { border-left-color: #C30; }

    4) Try to use this custom css code;

    .wrapper > .row { margin-right: 8%; }

    5) You can use this custom css code;

    ul > li { nt-size: 17px; }

    6) You can use a plugin for customizing the contact form. Example;
    https://wordpress.org/plugins/ninja-forms/
    Please next time, don’t ask bundle questions. Create a new topic for your each question if you don’t find the answer in the forum. It can be useful for other ppl to find their answers.

    albanbrice
    Participant

    Tks Serkan

    I do have 5 questions to ask:
    1.How can I remove the header for a single page?
    2.How can I remove the menu for a single page?
    3.How can I remove the title for a single page?
    4.How can I remove the footer for a single page?
    5.How can I remove some space before the Logo of my site in the header?
    6.How can I change the font size of the title and the content?

    Thank you

    serkan
    Moderator

    I asked you not to ask bundle questions above. You ask bundle questions again. Other users will have trouble finding answers to their questions.
    1) This custom css code will have the header for all the page. If you want to hide the heading of a specific page, you need to find out the page id of that page and paste it instead of the #page code.

    #page .site-header { display: none; }

    2) This code will hide all single page menus in the same way. Especially if you have a page you want, you need to enter the id code of that page.

    #page #site-navigation { display: none; }

    3) This continues in the same way.

    #page .entry-header > .entry-title { display: none; }

    4)

    #page .site-footer { display: none; }

    5)

    h1.site-title { font-size: 1em; }

    6)

    .entry-content p { font-size: 14px; }
    .entry-title {  font-size: 1.6em; }

    Thanks

    albanbrice
    Participant

    Tks Serkan

    I will not do bundle questions again. No pbm.

    I found the page id, inserted in the codes..but I still see the menu and the title.

    See here : https://bredoualbanbrice.net/sinscrire/

    Can you help?

    Thanks

    serkan
    Moderator

    Hi,
    You can try to use like these;

    .page-id-5168 #site-navigation { display: none; }
    .page-id-5168 .entry-header > .entry-title { display: none; }

    Thanks

    albanbrice
    Participant

    Tks Serkan

    It works now.

    But it created a blank space between the logo and the content.. Is it possible to delete it?

    Tks

    serkan
    Moderator

    Hi,
    You can try to use these custom css code;

    .page-id-5168 .site-header hgroup { padding-bottom: 0; }
    .page-id-5168 .entry-content p:first-child { margin-top: 0; }
    article#post-5168 { padding-top: 0; }

    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register