Home › Forums › WoodMart support forum › 'Contact Us 2'-Template open as pop up

'Contact Us 2'-Template open as pop up

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 11, 2020 at 6:52 pm #225584

    luda
    Participant

    Hi,

    i got the contact button in the menu’s right top bar and i want the contact form of the ‘Contact us 2’-Template to be opened as a pop up by clicking. I attached a screenshot to show you what i mean.

    here u can see: https://ibb.co/JyPt5Pv

    I hope you can solve my problem!

    Thank you, best regards,

    LU

    September 11, 2020 at 8:56 pm #225609

    Elise Noromit
    Member

    Hello,

    1. Create HTML block: https://xtemos.com/docs/woodmart/html-blocks-2/

    2. Add and configure the Popup element from the WP Bakery page builder: https://xtemos.com/docs/woodmart/shortcodes-2/

    3. Then insert a contact template inside the popup element. https://xtemos.com/docs/woodmart/templates-library/

    4. Add the HTML block to the header builder by means of HTML Block built with WPBakery https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/

    Best Regards

    September 12, 2020 at 10:00 am #225663

    luda
    Participant

    Thanks for your support..

    I tried it out but it doesn’t solve my problem. If i put the pop up as html block in the right menu top bar it will be displayed as a button, but i want to show it like the other tabs ‘newsletter’ and ‘faq’ (same shape, font & size). Actually it should work and look identically like the newsletter pop up in the right menu top bar.

    You can see in the screenshots what i mean:
    https://ibb.co/f03zMMq
    https://ibb.co/ZhfX81S

    I hope you can help me! 🙂

    Best regards,
    LU

    September 12, 2020 at 10:30 am #225669

    Elise Noromit
    Member

    Hello,

    The popup element has the option to show the button as a link configure it as a link and then I will correct with the CSS to be the same as other menu items.

    Alternatively, you will have to find a plugin, and even though the button would differ and additional custom CSS would be required.

    Best Regards

    September 12, 2020 at 11:45 am #225685

    luda
    Participant

    i set the button as a link and now it will look like that (link below).. i hope you can fix it! 🙂

    https://ibb.co/svqY1bJ

    gracias!

    Best regards, LU

    September 12, 2020 at 3:29 pm #225724

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .btn-style-link.woodmart-open-popup {
    border-color: rgba(255,255,255,.0)!important;
}

    Best Regards

    September 12, 2020 at 7:35 pm #225750

    luda
    Participant

    Thank you very much. You solved it and i was even able to change the font size and style on my own (haha), now it looks good..
    i do only have one last issue here, what’s missing: i don’t have the hover feedback (pale fade when hovered) like on faq and newsletter. Can you provide css to make it look identically?

    https://ibb.co/LkpzVRV

    Best regards,
    LU

    September 13, 2020 at 8:17 am #225791

    Elise Noromit
    Member

    Hello,

    I cannot catch your idea. Do you want underline on hover? Please clarify.

    Best Regards

    September 13, 2020 at 8:36 am #225800

    luda
    Participant

    Hi,

    when i hover over ‘kontakt’ there’s no color change like it’s on ‘newsletter’ and ‘faq’. i don’t want an underline, just the hover effect as on ‘newsletter’ and ‘faq’. can you do that?

    best regards,
    LU

    September 13, 2020 at 1:19 pm #225833

    Elise Noromit
    Member

    Hello,

    Replace the code provided above with this one: 

    body .btn-style-link.woodmart-open-popup:hover {
   color: rgba(255,255,255,.6)!important;
   border-color: rgba(255,255,255,.0)!important;
}

    Best Regards

    September 13, 2020 at 4:40 pm #225859

    luda
    Participant

    Hey,

    sorry, but this doesn’t work. now it’s again underlined, style and font got different and when hovered it zooms in..

    Bets regards,
    LU

    September 13, 2020 at 9:10 pm #225892

    Elise Noromit
    Member

    Hello,

    What do you mean? https://gyazo.com/cb05436a9e40356e3573b0567bad98b6

    I do not see any underline.

    Please provide the screen.

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)