Home>Support>Formatting a Jetpack sidebar menu widget

Formatting a Jetpack sidebar menu widget

By Supercoiler68, 9 years ago. Last reply by Support Assistants, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I tried using the CSS code from another thread as below in Vantage Premium –

/* Sidebar Custom Menu Widget */

#secondary .widget_nav_menu ul li {
	border-top: 1px solid #000;
}

#secondary . widget_nav_menu ul li:last-of-type {
	border-bottom: 1px solid #000;
}

#secondary .widget_nav_menu ul li a {
	color: #e2e2e2;
	padding: 10px 20px 10px;
	display: block;
}

#secondary .widget_nav_menu ul li:hover > a {
	color: #ccc;
}

To get the the same Jetpack sub menu formatting as on this page – http://www.petrosaiservices.com/about-petrophysics-consulting/

It doesn’t have any effect though. Am I missing something or is this code out of date?

Thanks for your help.

Julian

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Support Assistants

    Hi Julian

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 9 years, 6 months ago Supercoiler68

    Hi,

    Here it is http://skyhawk.org.uk <http://skyhawk.org.uk/&gt;

    Thank you!

  3. 9 years, 6 months ago Support Assistants

    Thanks. The CSS you’ve listed above does/should work, it just needs to be customised for your site’s colors. We tested it now. Try inserting it again at Appearance > Custom CSS. The colors to change are:

    Border: #000
    Link text color: #e2e2e2
    Link text hover color: #ccc

  4. 9 years, 6 months ago Supercoiler68

    Hi,

    I’ve tried those and still get no change to the basic format? Here’s a screenshot.

    Thanks for your help.

  5. 9 years, 6 months ago Support Assistants

    We’ll take a look shortly, thanks. A quick note, the forum doesn’t accept email attachments. You can upload media using the Add Media button but the reply needs to be done on our website. Thanks :)

  6. 9 years, 6 months ago Supercoiler68

    Screen Shot 2016-01-13 at 07.25.32

    Here’s the screenshot.

  7. 9 years, 6 months ago Support Assistants

    In your Custom CSS you have the following:

    /* Vantage hide page titles */

article.page .entry-header h1.entry-title {
display: none;

    This rule is missing a closing bracket, no CSS will render after this point. Replace the above with:

    /* Vantage hide page titles */

article.page .entry-header h1.entry-title {
display: none;
}

    The menu CSS should then work. You’ll still need to customize the color values as previously discussed.

  8. 9 years, 6 months ago Supercoiler68

    Superstar ! Thank you.

    One last thing…any reason why I don’t get a line underneath the last entry in the menu?

  9. 9 years, 6 months ago Supercoiler68

    Cancel that, I worked it out.

    Thanks for your help and the great theme!

  10. 9 years, 6 months ago Support Assistants

    Awesome :) Glad to hear you’ve made progress.

    All the best with your site.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More