Docs

[sandra.i]

Hello

I would like to customise the links in a menu sidebar. Could you help me with this please?

[sandra.i]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

#started_target2 #lab_tests_sidebar.x-widget-area .widget_nav_menu ul>li a {    
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #000;
    color: #fff;
}

#started_target2 #lab_tests_sidebar.x-widget-area .widget_nav_menu ul>li {
    border:0 !important;
}

#started_target2 #lab_tests_sidebar.x-widget-area .widget_nav_menu ul {
    border:0 !important;
}

Hope that helps.

[sandra.i]

Brilliant thank you for the quick response

Would it be possible to have all the buttons one length..? Eg: 225px?

[Paul R]

Yes, that’s possible.

You can change the code to this.

#started_target2 #lab_tests_sidebar.x-widget-area .widget_nav_menu ul>li a {    
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #000;
    color: #fff;
    width:225px;
}

#started_target2 #lab_tests_sidebar.x-widget-area .widget_nav_menu ul>li {
    border:0 !important;
}

#started_target2 #lab_tests_sidebar.x-widget-area .widget_nav_menu ul {
    border:0 !important;
}

[sandra.i]

This reply has been marked as private.

[Paul R]

Hi,

It looks like you already figured it out.

Have a nice day!

[sandra.i]

This reply has been marked as private.

[Paul R]

Hi,

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[sandra.i]

Thanks for your reply. I was advised on the structure of that page by developers from X theme. It is very important for me to be able to link to that page from external sources e.g. blogs, etc. I would be grateful if you could advise me on on how that link could be made, so that I can use that page effectively.

[Rupok]

Hi there,

Sorry but didn’t quite get you. Do you want to link to a tag page? It would be like – http://www.rochesterclinic.co.uk/tag/gastrontestinal if your tag slug is gastrontestinal .

Please clarify a bit so that we could assist you better.

Cheers!

[sandra.i]

This reply has been marked as private.

[sandra.i]

This reply has been marked as private.

[Lely]

Hello Sandra,

Please try to update your javascript code to this:

(function($) {
	var menu = $('#lab_tests_sidebar'), 
	target = $('#started_target');
	var section = getUrlParameter('section');
	if (window.location.search.indexOf('section=cdsa') > -1) {
		target.load("http://www.rochesterclinic.co.uk/clinic/lab-tests/cdsa/" + " .entry-content.content");
	}
$('#lab_tests_sidebar a').each(function() {
        var element = $(this);
        element.on('click touchend', function(e){
          console.log(element.attr('href'));
          target.load(element.attr('href') + " .entry-content.content");
          e.preventDefault();
        });
    });
})(jQuery); 

Then going to that page, the link should be like this:
http://www.rochesterclinic.co.uk/clinic/lab-tests/?section=cdsa

Hope this helps.

[sandra.i]

Hi

That doesn’t quite work

– clicking on ‘CDSA’ now loads that section into the browser window, instead of the target div

– clicking on http://www.rochesterclinic.co.uk/clinic/lab-tests/?section=cdsa – loads that section into the browser as well

[Author]

Posts