Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 5, 2017 at 2:58 pm #743006
    craigriches

    Hi there, I have added a custom menu to my Single Product Pages which were created with the Avia Advanced layout. However the width of the side bar is to much (too much white space gap on the far right – side bar is situated on right side). Is there a way to reduce this width?
    Also, as the widget in the sidebar is a custom menu, is there a way to style the parent categories in the menu to be permanently darker and bold?

    February 6, 2017 at 6:15 am #743152
    Rikard

    Hey craigriches,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 6, 2017 at 10:11 am #743236
    craigriches

    Sure Rikard – see Pvt Content

    I also managed to edit the custom menu so the Parents now link to self created pages instead of the WC parent category page, but i want those links to be bold rather than all the same font weight as the sub-categories below them.

    February 9, 2017 at 9:52 pm #745089
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .single-product .container .av-content-small.units {
    width: 80%;
}
.widget_nav_menu a {
    font-weight: bold;
}

    Best regards,
    Yigit

    February 9, 2017 at 11:29 pm #745128
    craigriches

    Hi Yigit

    Thanks for this.
    It kinda worked, but now ALL the items in the sidebar widget menu are bold. I was trying to get it to display just the parent menu categories in bold and the sub categories to be normal font weight.
    Is there an adjustment code that can just apply to the parent categories for the menu?

    February 10, 2017 at 12:05 am #745140
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #top .widget_nav_menu ul ul li a {
    font-weight: normal;
}

    Cheers!
    Yigit

    February 13, 2017 at 2:03 pm #746392
    craigriches

    thanks that did the job! Now I just need to figure out how to style it to something more than just white n grey :)

    February 13, 2017 at 2:06 pm #746397
    Yigit

    Hey!

    You can use following code to make it, orange :) 

    #top .widget_nav_menu ul ul li a {
    color: orange;
}

    Best regards,
    Yigit

    February 13, 2017 at 2:24 pm #746404
    craigriches

    Thanks Yigit that is great! I was trying mainly to style the background of the sidebar menu to be a darker colour than white, like we currently have on the category pages

    February 13, 2017 at 2:32 pm #746407
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .widget_nav_menu {
    background: #565e50;
    padding: 10px;
}

    Regards,
    Yigit

    February 14, 2017 at 10:21 am #746787
    craigriches

    Hi Yigit, that’s great, how do I find the class id’s to change the colour of the bullet points to the left of the submenu items in the sidebar custom menu widget, and also get back hover changing colour ability when you mouse over each sub menu category item.
    Basically I am trying to recreate the same colour scheme and actions that appear on the category sidebar.

    I have tried code in Quick CSS on my local install to experiment, and have got …so far (see link to screenshot)
    But i can’t get the dark green bullet points (to the left side of each sub-menu item) to go, or change their colour, or create the kind of light green selector in place of the dark green bullet points, like they are on the custom categories list (i can’t find the custom class that refers to them). I can’t create a hover colour change to white for the sub menu items from #c4a47b to white – as they do on the Custom Categories List side bar (don’t know the code, or if it’s possible?)

    This is all probably outside the scope of support :-/

    February 16, 2017 at 9:02 am #747848
    craigriches

    Is there any comment further to my PST on the 14 th feb? Or am I supposed to seek the assistance of 3rd party developers?

    February 20, 2017 at 5:25 pm #749475
    Andy

    Hi,

    to re create it use this code:

    aside.sidebar.sidebar_sidebar_right.smartphones_sidebar_active.alpha.units {
background: green;
}
#top .widget_nav_menu ul ul li a:hover {
color: white;
border-left: 4px solid yellow;
}

    and adjust as needed. Maybe best to hire a freelance developer for any further customizations.

    Best regards,
    Andy

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