Docs

[legalfab]

Hi,

I would like to customise the following sidebar widget in the following manner:-

https://www.legalfab.com/home/about-us/

1) I would like to remove the grey lines (which forms the box around the custom menu);
2) Increase the font size of the custom menu;
3) for Custom Menu Link (where the page is currently on), I would like the custom menu link to be bold; (if the visitor is currently on that page);
4) replace the image (i.e. the thumb) which appears beside ‘Search’ (and for that matter, all other images that appears beside the menu text);
5) have a grey line after each different widget.

Thanks heaps.

[Rad]

Hi there,

Thanks for posting in.

I like to help, but your site is behind the under construction page. Would you mind providing your login credentials in private reply?

Thanks!

[legalfab]

Hi, I have removed the under construction.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.widget ul, .widget ol {
    border: none;
}
.widget ul li a {
    font-size: 15px;
}
.widget_nav_menu .current-menu-item > a {
    font-weight: bold;
}
.form-search:before, .widget_product_search form:before {
    content: url(ADD IMAGE URL HERE);
}
div#SideBar .widget {
    border-bottom: 1px solid red;
    padding-bottom: 18px;
}
div#SideBar .widget:last-of-type {
    border: none;
}

Change <div> ID to SideBar, ID and classes shouldn’t have space.

Hope it helps

[Author]

Posts