CSS Help

Hi, I’m getting this error when I try and visit the mock-up site.

403 Forbidden
Access is forbidden to the requested page:…

So I’m working off the Edin Demo site as best I can.

1. I’d like to change the default blue colour of Edin to green (#147010). I acted on the advice Kathryn gave in this thread and it was partially helpful (Thank you, Kathryn). However, the hyperlink link colour in the pages, posts, widgets remain the default blue. Can you help?

Let’s start with this and see if that gets all of what you wish to change. I also included the hover color rule in case you wish to change both.

a {
    color: #147010;
    text-decoration: none;
}
a:hover {
    color: #cc0000;
}

2. I’d like to reduce the space (padding?) between the menu and the content on the home page. I’ve tried a number of things from the Inspect Element function but haven’t been able to reduce this space (padding, margin?). Can you advise?

This one is hard to do without being able to see the site. This is a guess. Reduce the top padding on the page title element.

.hero {
    padding-top: 60px;
}

3. I was using the Edin theme on WordPress.com. Having moved over to www.remarpro.com some of the features I used to have are gone. Most notably the breadcrumbs feature. Is there an easy way on adding this feature?

Breadcrumbs will be supported when Jetpack 3.5 comes out, but I don’t know when that will be. In the meantime, you could try one of the breadcrumb plugins.

4. The Goran theme (apparently a child theme of Edin) offered a “Top Area Content” field above the site header. Is there a way to include this in the Edin site?

You could make a Child Theme of Edin and then look through the Goran files and figure out how they did it and recreate that for Edin. I think these are the only two flies involved.

header.php
/inc/customizer.php

You would also have to create some CSS classes and the accompanying CSS to go with them, but again, you could use Goran as a guide.

If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

Child Themes
Child Theme creation plugins

Hi SacredPath

Thank you for all your help. Sorry for the late reply.

Thanks again!