Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can’t find your theme… https://wordpress.org/themes/search.php?q=pure+%26+simple
Anyway, can you link your website?
Link to website didn’t post ?? here it is –
http://www.heathercombeirishdraughts.com/
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
#bottom-wrapper {
padding: 10px 0;
}
(play about with the “10”) value
Tried this in Custom CSS Manager – didn’t make any difference.
Not using a child theme, so looked in Pure & Simple stylesheet (style.css) .. unable to find either bottom-wrapper or bottom ??
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Looks like you also have to change the height of the links, and line height:
.primary-navigation li {
height: auto;
line-height: 1;
}
Decreasing height pushes the text (links) towards the top of the bar
Decreasing line height decrease the area of hover colour e.g. setting it at 0.3 gives a strikethrough effect.
Neither decreases the bar height or text height though ??
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You don’t want to decrease the line height below 1 though, what happens if you use the above code?
I agree on line-height, I was just trying to explain what effect any changes to it made.
As I said, text links move to top of nav bar, other than that nothing changes
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sorry I can’t replicate your issue.
Thanks for trying Andrew … figured the height issue out with your help.
Needed to use REM heights along with what you said above –
.primary-navigation li {
border: 0;
display: inline-block;
height: 3.188rem; (reduce this to reduce height of navbar)
line-height: 3.188rem; reduce this to reducew height of hover colour)
position: relative;
text-align: left;
}
Still haven’t figured out how to reduce font size though?
