style.css stuck

Try adding this to the end of style.css:

#access {
   background: none;
   float: none;
   text-align: center;
}
@access div {
  margin: 0 0 0 0;
}
#access ul {
   display: inline-block;
}
#main {
   padding: 0;
}

hi,

that’s weird.. i’ve added it, but it’s had absolutely no affect! any ideas?

baffled.

Actually, it looks correct for me. Did you clear any cache that might be active, both from plugins and your browser?

oooh.. yes, it seems to be working now.

i had cleared the cache etc, but it often takes repeat clearings and time to see results!
i guess it happened after i switched off for the night.

just one thing though.. it’s not central enough.
i will see if i can play around with some values now and return if i get into trouble.

thanks for your help!

nope! i’ve taken a look and there’s no way i’m going to start fiddling with that – without help!
how can i get the menu items to be really central – like dead centre under the ‘designer-maker-upholsterer’ badge?

thanks so much for your time.

ej

ps. also, while there i think the font needs to be enlarged/or maybe more bold – because the text seems a little lost now.

it’s not central enough.

you also need to edit this style, i.e. reduce the padding:

#branding .only-search + #access div {
	padding-right: 205px;
}

ok.. do i add that to the bottom of my style.css and then modify the padding?

yes –
add the style to style.css of the child theme, then set the padding to 0px

perfect! thank you. it looks much better.

how can i make the menu items font larger or maybe bolder – so that they stand out a bit more.. now they are on a transparent background, they look a little lost.

ej

Try adding this to the end of style.css:

#access a {
   font-size: 1.8em;
}

brilliant! thanks!

i’m also looking to change the menu items – so that when the cursor hovers over them, they don’t highlight with a big white rectangle.. would you be able to help me with that?

much appreciated.

Try adding this to the end of style.css:

#access li:hover > a,
#access li a:focus {
   background: none;
   color: #67324B;
}

wow! that’s it! nice.

thanks for your help!

.. i might as well try for some more.. seeing as i’m on a winning streak ??

so what i’d like to do next is make it so when i type anything, it’s in a different font.. one that kind of matches the words on my badge; ‘designer-maker-upholsterer.. like ‘american typewriter’ style font.
would this be web friendly though?? if not, something that is, but as close to that kind of style.
i also want my menu items to be in said font.

can’t believe i’m getting this much help all in one week!

ej

First, try the Ultimate TinyMCE plugin. That will give you the ability to switch to ‘web safe’ fonts ‘on the fly’.

I am no expert on Gooble fonts, but the WP Google Fonts plugin will let you use Google fonts, but I believe with 2 ‘limitations’.

• Each font must be loaded by the viewer’s browser. This adds to the load time of your site.
• You assign the fonts through CSS, so a font can only be applied to text that has an identifiable class or tag assigned.