This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Formatting a Jetpack sidebar menu widget

Resolved 10 replies technicalthemetheme-vantage
Supercoiler68
10 years ago · Last reply by Support Assistants 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Support Assistants 10 years, 1 month ago

    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. Supercoiler68 10 years, 1 month ago

    Hi,

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

    Thank you!

  3. Support Assistants 10 years, 1 month ago

    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. Supercoiler68 10 years, 1 month ago

    Hi,

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

    Thanks for your help.

  5. Support Assistants 10 years, 1 month ago

    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. Supercoiler68 10 years, 1 month ago

    Screen Shot 2016-01-13 at 07.25.32

    Here’s the screenshot.

  7. Support Assistants 10 years, 1 month ago

    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. Supercoiler68 10 years, 1 month ago

    Superstar ! Thank you.

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

  9. Supercoiler68 10 years, 1 month ago

    Cancel that, I worked it out.

    Thanks for your help and the great theme!

  10. Support Assistants 10 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread