ErnestClose

You could, but migrating a site comes with it’s own set of problems. I develop online and use the “ultimate coming soon page” plugin to display a landing page while I do. That way you don’t have to migrate.

Here’s a helpful link on installation https://codex.www.ads-software.com/Installing_WordPress

Always a pleasure.

No, you just create a database name and user with password and save that securely to input into your wordpress installation.

Making changes on your local site will not affect your main site in any way and once you are happy with the changes you have to make all those changes again for the main site.

Hope that clears it up a bit.

Always a pleasure.

Hi Cassie, This is what you are looking for:

#logo {
background: #8E8E8E url(https://wicca.cnbeyer.com/wp-content/uploads/2014/06/wicca-header-960x116.jpg) bottom center no-repeat;
height: 200px;
width: 960px;
}

and it is set inside the head tag of the index.php file. If you have a child theme or a custom css plugin you can remove the style from there and add it to your custom css with less height like this:

#logo {
background: #8E8E8E url(https://wicca.cnbeyer.com/wp-content/uploads/2014/06/wicca-header-960x116.jpg) bottom center no-repeat;
height: 116px;
width: 960px;
}

Here is a screenshot of what it will look like with above style.
https://www.screencast.com/t/HXIhMwSOeD

Let me know how this works for you.

Regards

Ernest Close

Hi Adam, Yes it has padding of 50px at the top of your page. If you have a child theme or you are using a custom css plugin you can add this to give it less padding:

#main {
padding-top: 20px;
}

Let me know if this works for you.

Regards

Ernest Close

Hi Cassie, do you have a link so I may see this?

Hi James, Sorry I’ve been super busy the last few days and could not get back to you sooner. Yes, developing on localhost is sometimes nice, but with the price of servers and bandwidth, plus the fast internet speeds I just develop on a sub-domain of my main domain. Now I’m not saying XAMPP or I used WAMP is bad, it’s just not the best environment for developing unless you know a lot about server setup.
It is very easy to setup and use with the default settings, but then you get to a hosted environment or even worse a shared hosting environment and your site does not work. The reason being your local servers default settings are very lenient and has no security, because you don’t need any. Now you could do a setup similar to your hosting environment, but that is very technical. Developing on your hosted server means you know it will run on your live site, because if it works on the sub-domain it will work on the domain.
Now, for wordpress I install in a directory in the root of my server. When that site goes live and I want to make changes I clone that site into another directory also in the root directory. Then you can safely play with it, make the changes you need and then update your .htaccess file to point to the new directory. That way your site stays live. This works well for a static site and there’s a lot more to take into account if the site has registered users or ecommerce.
Now, for your questions above. Just like on your main site, you have to create a database first and you can do that with phpmyadmin from your xampp controlpanel. Then you have to do a fresh install of wordpress in your www or local root directory and then you can install all your plugins and themes for that site. Basically everything you did for the main site you have to do in your local site as well. WordPress is a framework and you cannot see your theme outside of it.

Hope this gives you some background and tips for future development.
It’s really nice once you get the hang of php and mySql.

Your site is looking really nice and you’ve come a long way. Congrats.

Regards

Ernest Close

Hi James, always a pleasure. If you look at the element inspector you’ll see lots of padding on the navigation links. In your custom css file add this to the bottom of the other styles:

.primary-navigation a {
	padding: 0 10px;
}

@media screen and (min-width: 783px) {
	.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a {
		padding-right: 22px;
	}
	.primary-navigation ul ul a {
		padding: 6px 16px;
}

@media screen and (max-width: 782px) {
	.primary-navigation a {
		padding: 5px 10px;
	}
}

The first one removes all the extra padding. The second one adds a bit of padding for the links that have drop-down so you can see the arrow and removes some of the padding for it’s children. The last one adds a bit of padding to top and bottom for the mobile view as we’ve removed all the padding in the first one.

Let me know how this works for you.

Regards

Ernest Close

Hi James, yes you can add background images to almost anything with css. From the example above, use this with your own images:

#menu-menu-1 .menu-item {
    border: 1px solid #000;
    background: #ff0000 url('images/image.jpg') no-repeat center;
    border-radius: 5px;
}

First the color, then the url to your image, then repeat or no-repeat, then position: center, top, bottom, top left, etc.

Hope that helps. Sorry, I did not respond to your previous post, did you manage to get that sorted?

Regards

Ernest Close

Thank you, and same for you.

Always a pleasure.
As for points 1-3 you’ll have to ask the theme author. I’ve never used this theme myself, only helped customize some css for a couple of people here on the forum. Sorry I could not help you with that.

Regards

Ernest Close

Hi James, Yes setting borders on the “a” tag will do that. Rather set it on the container tag just above the “a” tag, like the “li” tag or “div” tag. That way you can still add a bit of padding to give it some space.
For the top menu you would set it on .menu-item or if you have other menus as well, but want it for the top menu only:

#menu-menu-1 .menu-item {
    border: 1px solid #000;
    background-color: #ff0000;
    border-radius: 5px;
}

The color inside the border is set with “background-color: #000” or whatever color you want and is set on the same class as the border. I added a border radius for you to try as well.

Regards

Ernest Close

Hi Selvam, I’m glad it worked. The other code tried to modify the header information after it was already set. Moving that code to the theme or contact form might have worked or setting it directly on wp-config.php would solve that problem, but I’d rather not mess with that.

Regards

Ernest Close