VisibleMusic

Hi, still hoping for advice on this one if possible ??

Hi, I’m using the WordPress editor and using a child theme.

Here is the code from line 1500 relating to the menu… could you advise what I need to fix (in the child theme) to sort the margin out?

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;

Thanks!

Ah thankyou! Not sure where to look to find these margins however, could you advise?

Yes I have done that, and have included code in the child theme which HAS centered the text – but it still seems slightly, but noticeably off, centre. I’m afraid I’m not well versed enough in code to know how to rectify this.

Thanks

That’s why I did include a link in my OP.

Thanks, yes I am already doing that

Holy crap – it did work!

Muchos gracias senor!

OK sorted it!

(both folders are on the same host)

I really appreciate your input, thankyou.

Is Chrome’s ‘Inspect Element’ facility a decent equivalent to Firebug? I will get into using this (or Firebug).

Meanwhile your solution worked on the header image – what is the code to make it work for the content images? I just had a bash at working this out – but failed…

Many thanks

OK https://www.visiblemusic.co.uk/up_to_the_mic_new/parties/ – it is a work in progress…

Thanks

[Moderator Note: Please ensure that you are embedding links correctly in your posts. Link corrected.]

Thanks, yep I’m using a child theme – I should have said…

What next?

excellent!

OK, now to get my menu centered….?

exquisite, sir! This forum is very helpful and accommodating. Getting there…

the menu as a whole is still not centered however, and I would like to get rid of the automatic capitalization of menu items….

ah it looks like it was me being a DINGBAT… I hadn’t tried aligning both the shortcode AND the image oppositely…

Thanks guys!