Okay
  Public Ticket #2313680
Column Overview bug + Hover question
Closed

Comments

  • charlottepaviot started the conversation

    Hi!

    1/ I have a bug with the column width (%) in all my sections: when I set a number, it automatically turns to a very small number with no option to change it. When I try to insert the number I want the cell turns back itself to this same small number 2,74.... Please see attachment. Please help because without a large column I'm stuck!


    2/ I would like to remove the underline hover effect on the menu and dropdown menu and to replace it with a strikethrough effect. I stetted it in css (#menu-my-menu a:hover { text-decoration: line-through !important;}) but the line weight of this strikethrough is slightly thin. I would like it to be just a little thicker. Can you tell me what to set up?


    Thanks in advance!

    Charlie


  •  675
    Neuron replied

    Hi,

    Sorry for the late reply.

    2) Sure, here's the Custom CSS to achieve it.

    First remove the box shadow line.

    header ul li.menu-item > a:hover,
    header ul li.current-menu-item > a {
        box-shadow: none !important;
    }
    

    Add the strike through with before.

    header ul li.menu-item>a::before {
        content: '';
        height: .16667rem;
        background-color: #000 !important;
        position: absolute;
        top: 50%;
        margin-top: -.08333rem;
        left: 0;
        width: 0;
        -webkit-transition: width cubic-bezier(.25,.46,.45,.94) 0.15s;
        -o-transition: width cubic-bezier(.25,.46,.45,.94) 0.15s;
        transition: width cubic-bezier(.25,.46,.45,.94) 0.15s;
    }
    

    Then activate in hover and active.

    header ul li.menu-item > a:hover::before,
    header ul li.current-menu-item > a::before {
        width: 100%;
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hi!

    Thanks for your answer.

    What about the column bug? Without this information I cannot go ahead.

     

    Many thanks in advance.

    Charlie

  •  675
    Neuron replied

    Hi Charlie,

    Please try drag & drop the column or try reseting the structure via the section option.

    https://prnt.sc/ra6s4a

    Here is a very helpful video about the columns:

    - https://www.youtube.com/watch?v=jUodbTSfBCk

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hello,

    Thanks for your answer. Regarding the CSS modifications you suggested for the hover effect, where, in which section Can I insert it?

    I don't have Elementor Pro so I do not have access to the CSS in Elementor and into  Wordpress>Appearance>Theme Editor, when I select Bifrost (and not Bifrost Child), codes are very limited. I cannot find: header ul li.menu-item > a:hover, header ul li.current-menu-item > a {     box-shadow: none !important; } ...

    Into the Incorporated Editor CSS into customize, it's the same: I don't know how to retrieve the code you suggested me to cancel.

    What is the correct path to have access to the complete CSS?

    Thanks in advance.

    Charlie


  •  675
    Neuron replied

    Hi Charlie,

    You can insert the Custom CSS in Appearance > Customize > Additional CSS, that's the best way to insert Custom CSS in Bifrost.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hello,

    Yes but once into CSS in Appearance > Customize > Additional CSS, how to remove : (header ul li.menu-item > a:hover, header ul li.current-menu-item > a {     box-shadow: none !important; }) as you suggested in your previous email?

    Other question: what is the mane of the default font of Bifrost? 


    Thanks din advance!

    Charlie 


  •  675
    Neuron replied

    Hi Charlie,

    The CSS lines that I've provided will remove the box-shadow.

    The default font of Bifrost is called Roboto and you can find it on google fonts.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hi, 

    The CSS you provide correctly modify the thickness of the strike through but only in the main meno and not in the drop down menu. Furthermore the box-shadow is still present.

    Can you help me in:

    1/ apply the  strike through hover not only in the Main menu but also in the drop menu and in all occasions where the box-shadow is present.

    2/ remove the box-shadow (the CSS lines that you provided did not remove it)


    Thanks,

    Charlie


  •  675
    Neuron replied

    Hi Charlie,

    I am very sorry for the late reply, we did not work on the weekend.

    1) Simply remove the symbol '>', that makes to be accessed only by the first element, removing '>' from the custom CSS will access to all the others. 

    2) I may need the WP-admin to check why it is not working, please mark the reply private and send it here.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   charlottepaviot replied privately
  • charlottepaviot replied

    Hello,

    I still have a lot of problems with my menu:

    - the box-shadow is still present: no way to remove it

    - when inside a section like Portfolio, I cannot see the category on my menu to understand where I am even if in "active", the text color in black

    - the strike through hover is not aligned with the text (see Erboristeria in my attachment)

    - the strike through hover has a correct thickness in the Portfolio area but is thicker in the other areas of the menu. 

    Can you please tell me how to fix this menu please?


    Thanks in advance,

    Charlie


  •  675
    Neuron replied

    Hi Charlie,

    I am sorry for the late reply, I hope for an understanding in these times, I hope you and your family are safe.

    Can you please provide me with your wp-admin, I will have a quick look in these issues.

    Make sure to tick private on the reply.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   charlottepaviot replied privately
  •  675
    Neuron replied

    Hi Charlie,

    I am sorry again for the late reply.

    I have fixed the issues. I've added the CSS in Appearance > Theme Editor, so the whole CSS is added on the child theme CSS.

    Let me know if there is anything that I can help.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   charlottepaviot replied privately
  •  675
    Neuron replied

    Hi Charlie,

    I am very sorry for the late reply,  I hope for an understanding in these times.

    1) It seems like you've changed the logo position.

    2) Where is the box shadow? Can you please clear the cache and provide me with the url?

    Active: https://prnt.sc/rlbtcw

    Hover: https://prnt.sc/rlbtk1

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   charlottepaviot replied privately
  •  675
    Neuron replied

    Hi Charlie,

    Please change as following.

    - https://prnt.sc/rlub7o

    Change the height for example to 4 and margin-top to -2px, that will balance the strike through.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.