Help with my header builder, it has a bug

This topic has 6 replies, 3 voices, and was last updated 1 years, 10 months ago ago by Olga Barlow

  • Avatar: Kahelmo
    Rikinte
    Participant
    June 20, 2022 at 01:56

    Hello,
    Please I can’t edit where there is a red circle in the photo:
    https://drive.google.com/file/d/1TG0x1SbZh6YseWlLo2Z_cRsf2eduqyFO/view?usp=sharing

    there was supposed to be a button there, but it does not open the connection block to edit, nor does it delete the block, and instead of the button appears the Main Menu appears instead

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2022 at 07:39

    Hello,

    To fix the problem, you need to reset the header content (via Theme Options > Header builder > Reset header builder) and then add elements again. You will not lost settings of elements, just need to set elements to desired positions after the reset.

    Regards

    Avatar: Kahelmo
    Rikinte
    Participant
    June 20, 2022 at 13:35

    I did just that, after some time it came back the same error

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 20, 2022 at 17:23

    Hello,

    Did you notice what actions from your side cause the error? What did you do before the error appear? Maybe importing some header structure or something?

    Regards

    Avatar: Kahelmo
    Rikinte
    Participant
    June 21, 2022 at 04:13

    Hello,

    ok thanks, it worked

    Just one more help please: Can you change this css code for a button, so that when i hover the mouse it has a white background and the text and black icon?
    The code actuali is:

    .et_b_header-html_block a.btn.active:hover {
    background-color: #ffffff !important;
    opacity: 1 !important; }

    And please, can you write a code for me to insert it into the html block 2, create the code for this yellow button in the photo?
    https://drive.google.com/file/d/1-J7x2UbP4JyVT79i06em7edOpNhB2-_U/view?usp=sharing

    Currently it is a button of theme, but I want to turn it into code, and if it is possible to use the same thing as the other of other button, white background with text and black border when hovering,
    thank very mouch.

    https://drive.google.com/file/d/14OeucToNIBtIuSdC0eeVznHC1kyhOQQs/view?usp=sharing

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 21, 2022 at 22:57

    Hello,

    I added below HTML
    <a class="btn flex flex-nowrap justify-content-center align-items-center custom-yellow" style="font-size: 14px;border-radius: 3px 3px 3px 3px;padding: 4px 10px 4px 10px;height: auto;border: 2px solid #fbfb69;color: #fbfb69; background-color: transparent;" title="Rastrear Pedido" href="https://www.rikinte.com.br/rastrear-meu-pedido-na-loja-rikinte-do-brasil/" target="_blank" rel="noopener">Cupons Ativos | Até 15% OFF!</a>

    and below custom

    .et_b_header-html_block a.btn.custom-green.active:hover, .et_b_header-html_block a.btn.custom-yellow:hover {
        background-color: #ffffff !important;
        opacity: 1 !important;
        color: #222 !important;
    }
    .et_b_header-html_block a.btn.custom-green:hover i {
    		color: #222 !important;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.