Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 30, 2017 at 10:22 pm #831913
    paulacunhapelegrin

    When I select a word on my main menu I want it be crossed.
    I do not want it change its color or maybe its background color, just it be crossed.

    It is with quick css? What do I have to write to get it? Where do I have to write it?

    I wait for your answer.

    (sorry for my english, I hope you understand me, I do not speak really well)

    July 31, 2017 at 1:55 am #831934
    Mike

    Hey paulacunhapelegrin,
    How do you mean “crossed”? a strike thought he word? Can you please add a screenshot to point out how you would like to see it?

    Best regards,
    Mike

    July 31, 2017 at 4:41 pm #832231
    paulacunhapelegrin

    Yes, a strike through the word! :)
    In word at main menu and the submenu too.

    menu and submenu

    Sunny regards,

    And thanks in advance.

    Paula.

    July 31, 2017 at 4:57 pm #832246
    Jordan Shannon

    Hi,

    I’m not seeing the sub-menu but for the main link add this to quick css:

    #menu-item-67 a{

text-decoration:line-through;

}

    Best regards,
    Jordan Shannon

    July 31, 2017 at 9:08 pm #832417
    paulacunhapelegrin

    Hi Jordan,

    First of all thanks for your fast answer.
    But I don’t want my word all the time with a line on it. Just when you select this page.
    In my previous picture for example, I am in the menu SERVICIOS and then I select ESTUDIO Y CONSULTORIA.
    For these reason both sentences are with the strike through.

    Is it posible?

    July 31, 2017 at 9:14 pm #832423
    Jordan Shannon

    Hi,

    Adjust the css to the following to target just that page. Again, I am not seeing the drop down link though.

    .page-id-29 #menu-item-67 a{

text-decoration:line-through;

}

    Best regards,
    Jordan Shannon

    July 31, 2017 at 9:26 pm #832439
    paulacunhapelegrin

    Sorry, I think I have not explained myself very well :(
    my english is very bad.

    I want all my menu, when you select a page, whatever you select, a line appears on it just to indicate that you have selected this page.
    Now, when you select a page there is a blue line below the word, and I don’t want this line below the word, but above.
    As the first CSS you wrote me. But not just with this word, with all the menu and the pages that belong to this menu.

    Do you understand me?

    July 31, 2017 at 9:31 pm #832442
    Jordan Shannon

    Hi,

    I see. Would you be able to provide wp-admin info so that I can look into this issue further?

    Best regards,
    Jordan Shannon

    July 31, 2017 at 9:48 pm #832450
    paulacunhapelegrin

    Hi Jordan,

    Website access

    August 2, 2017 at 5:24 am #833155
    Rikard

    Hi,

    Thanks for the details, though I’m being blocked by security on your server. What countries are allowed?

    You could try this CSS as well to see if it works out better:

    .current-menu-item .avia-menu-text {
  text-decoration:line-through;
}

    Best regards,
    Rikard

    August 7, 2017 at 4:31 pm #835449
    paulacunhapelegrin

    Hi,
    I tried this CSS:

    .avia-menu-fx { bottom: 49px; height: 1.5px;}

    and it works at first, but I do not what I did and, now the line is not there, I think I change some colour, but I can not find what of them. I am going crazy to find it.

    I try your CSS
    .current-menu-item .avia-menu-text {
    text-decoration:line-through;
    }

    but It doesn’t works, I think it is because the same problem… I change some colour and I can not see the changes.

    Could you help me?

    August 7, 2017 at 4:39 pm #835461
    Jordan Shannon

    Hi,

    Which color was changed? For the line?

    Best regards,
    Jordan Shannon

    August 7, 2017 at 10:39 pm #835622
    paulacunhapelegrin

    Ok I have found the problem… I have changed the header style.

    with the CSS I have written: .avia-menu-fx { bottom: 49px; height: 1.5px;}

    When you select a page, a line appears just on the page’s name to indicate your have selected this page. I want this same style when you select a topic from the drop-down…
    I do not know if I have explain myslef very well.

    August 8, 2017 at 5:53 pm #835949
    Jordan Shannon

    Hi,

    You would need to get the page id and target the menu item. For example for Normativa:

    .page-id-178 .sub-menu  #menu-item-255 a .avia-menu-text{
text-decoration:line-through;
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.