Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #384621

    Hi,

    When you create a page then display a left side navigations hierarchy the different levels have a “.” bullet

    I want to change this “.” to a “-” dash symbol to represent the page hierarchy…

    Advice on how to do this would be much appreciated…

    #384950

    Hey sitesky!

    Add this to your custom CSS.

    #top .widget_nav_menu ul ul li:before {
      content: "-" !important;
    }

    Best regards,
    Elliott

    #385470

    Hi,

    Sorry that didn’t work

    #385473

    Hey!

    Can you please post the link to your website?

    Cheers!
    Yigit

    #385477
    This reply has been marked as private.
    #386102

    Hi!

    Please go to wp-content > uploads > dynamic_avia folder then delete the enfold_child.css file. Go back to the theme options panel, toggle any setting then save changes to regenerate the file. Let us know what happens.

    Cheers!
    Ismael

    #386204

    Hi,

    Whats happened after adding:

    top .widget_nav_menu ul ul li:before {
    content: ” !important;
    }

    #top .widget_nav_menu ul ul li:after {
    content: ‘-‘;
    position: absolute;
    top: 5px;
    right: -10px;
    }

    Is that the dash is visible but so is the bullet, effectively the bullet is on top of the dash

    #386828

    Hi!

    Yeah. The Quick CSS can’t override the default styling. Try to edit css > layout.css via FTP. Look for this code:

    #top .widget_nav_menu ul ul li:before {
    content: "\2219";
    position: absolute;
    top:5px;
    }

    Replace it with:

    #top .widget_nav_menu ul ul li:before {
    content: "-";
    position: absolute;
    top:5px;
    }

    Remove the modifications on the Quick CSS field.

    Cheers!
    Ismael

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