redrambles

Same as Matt – I needed to downgrade to 4.1. I first deleted (permanently) all of the Blogger posts that had been imported during my first attempt (approximately 10% of the images had successfully moved over but all the text was there). I then downgraded to 4.1, imported again (successfully – all images accounted for, yay!) – and then updated to 4.5.2 right afterwards.

Hi there ACKLizard,

I played around with the browser inspector tools and this is the result. It’s very basic and probably still a ways from what you are looking to do – but I hope it will get you started! You’ll no doubt need to play with margins/paddings to achieve your desired outcome.

I would also wrap the changes that you make in a media query so that the normal ‘stacking’ flow of the page takes over on smaller screen sizes. Perhaps something like:

@media only screen and (min-width: 1200px) {

your changes here

}

Hope this helps!

Tested on my installations – no longer throws the error with 4.3. Thank you very much!

Good to hear – thanks for the fix!

Hi Amplify7,

Hmm – sounds like you might want to contact the person who built the site to ask them how you would go about updating the menu. I would ask them to make it possible for you to edit the menu via the backend (dashboard) rather than having to dig through template files to update the code directly.

Hi there,

If you go to your WP-Admin (Dashboard), under ‘Appearance’ -> ‘Menus’ – do you see a menu that has all those other pages listed? If so – you would need to add your new page to this menu and then save your changes. That should display your new page as a new menu item that you can navigate to from any page on your site.

Yay! Glad to help. ??

I haven’t had much experience with styling galleries myself, but I was able to get the gallery to center by using:

.gallery-row {
    margin: auto;
}

Hope this helps!

So glad you have had great results! One last little tweak should take care of it.

How about this:

.blog .site-main,
.single .site-main {
float: none;
padding-left: 30%;
width: 70%;
}

Try this:

.blog .site-main {
float: none;
padding-left: 30%;
width: 70%;
}

In theory – it should target only the blog page.

Ha – Sorry! Seems like Tiago found it while I was still combing through! ??

Hey there,

Just took a quick look at the CSS and it seems that under your ‘Layouts’ section – towards the end – your padding-left is missing a ‘%’. Could that be it?

Hi Farah,

You can get your menu to appear differently with a little CSS! ??
I tried a few things – you’ll definitely want to play around with it to get your menu to look exactly the way you want, but the CSS below should get you started:

/* This will make your background color black and give your menu items a bit more room between them */
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	background-color: #000;
	padding: 10px 0 10px 30px;
}

/* This will make your menu item links white */
.main-navigation li a {
	color: #fff;
}

/* This will also make your current page menu item white */
.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: #fff;
}

In adding these styles, the menu went from this to this.

I put this code in Jetpack plugin’s custom css module – very handy way of making changes to the CSS safely (meaning that you don’t have to worry about your styling customizations being wiped out during the next theme update.) You can also do this using a child theme, if you prefer. You can find out how to do that here.

Good luck! ??

Hi Charles – glad it’s sorted out!

Happy WordPressing!

HI there –

Looks like something is going on with your primary navigation menu. It seems like it’s pulling in the title and link of your blog entries. What do you see when you navigate to Appearance -> Menus in the dashboard?