Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Could you post a link to your website, please?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
1) Your width of each menu item is defined by padding.
On style.css line 519, you have,
#branding .default-menu a, #branding ul.menu a, #colophon #access-footer ul.menu a {
color: #EEE;
line-height: 3em;
padding: 0 1.2125em;
text-decoration: none;
}
padding: 0 1.2125em
Applies 1.2125em to the left and right of each element.
If you want to start changing styles, I would recommend creating a child theme for the CSS
http://codex.wordpress.org/Child_Themes
Once you have, let us know so we can help you further.
To apply your style to pages without sidebars, you’ll need to use CSS selectors with this at the beginning:
.page-template-page-disable-sidebar-php
Hi,
I have made a child theme now and adapted the value to 1.8 and it works
so problem 1 solved π
any suggestions for the other probs?
thanks!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
2) Do you want to remove the gap between the title and text?
the gap between the top of the content area and the title and the left content area and the title
if you look at “home”, the title position is more to the left and closer to the nav bar than it is on a page with template no sidebar
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
2) Try this
#content{
padding: 0 5% 2em 2%;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Oops I meant this
.hentry{
padding: 0 5% 2em 2%;
}
still nothing
I just found out that problem 1 is still on (i watched it on firefox and thought it was fixed but on chrome i still have two lines for my menu item π )
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sorry I was looking at the home page (wrong page),
Use this CSS
.page-template-page-disable-sidebar-php .singular.page .hentry{
padding: 0.5em 5% 2em;
}
.page-template-page-disable-sidebar-php .singular .entry-header{
margin: 0;
}
looks like nothing is happening, maybe i made a mistake to my childtheme? (never worked with it before)
I have:
/*
Theme Name: catch-box
Theme URI: http://example.com/
Description: Child theme for the Twenty Eleven theme
Author: Your name here
Author URI: http://example.com/about/
Template: catch-box
Version: 0.1.0
*/
.singular.page .hentry{
padding: 0.5em 5% 2em;
}
.singular .entry-header, .singular .entry-content{
margin: 0;
}
I’ve put it in style.css in a subdirectory(with name childtheme) of catch-box (my theme folder)
is this the right way? cause i have a feeling it’s not working correct
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try
.page-template-page-disable-sidebar-php .entry-header {
margin: 0;
}
Does this work?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support