wen.wainwright

You’re really not supposed to ask CSS questions on here but I’m procrastinating…Right now your yellow nav bar is .nav-menu. Yes, you added the padding but the padding is pushing the content inside the nav bar to the right. Padding pushes things inside elements around the inside vs. margins which are spaces outside an element. So you could change the max-width of the nav.menu to 400px or so and then it won’t be so long.

You have your green box in the #main.wrapper…which is a different place than where your nav.menu is (it’s in the header#masthead.site-header). Since they are separate areas they have separate spaces and boundaries.

I think you have more of a design issue than a CSS issue. (I’m more of a front-end person than a back-end person). If there is enough length for the whole green box then you would either have to create another box for something under the yellow nav bar or there would be a large white space, does that make sense?

My design advice is to create a widget area in your header so that you can display the menu in the green header image – not through photoshop or something like that, but in a new widgetized area so the menu will display over it. You can use white or yellow on the green and it will be very legible. Then divide your content into two columns, or a column and a sidebar, and the top of the green box will line up with the top of the content text.

Also, since I was poking around your site, you have a background color that shows up under the green box. It’s from here:

.widget-area
{
  background-color: #fbe2a8;
}

Let me know if that helps at all.

WPyogi is right, of course. I can share the not as good of a system that has worked for me in the past as part of this whole learning process.

(use a text editor for all of this)

If you have only made changes to the style sheet then you need the bit they already posted and you need to save it as style.css and put it in a folder named twentyeleven-child. You can then highlight/copy the style.css that is active on your theme right now. You can save all of this in that folder on your desktop. If you have made changes to any of the other Twenty Eleven files you just copy and paste the whole thing, like if you made changes to page.php. Save those copy/paste files in the twentyeleven-child folder. If you have made any changes to FUNCTIONS.PHP, that’s different. You can’t cut and paste all of functions.php. You’ll need the opening tag <?php and then you can put just the changes in, if you aren’t sure what is and isn’t a change then copy and paste it into a text editor but DO NOT include it in the child theme. Next upload your child theme and then update twenty eleven and everything should be fine. If you made changes to functions.php upload, with the other files in your child theme folder (or afterwards), then upload a file called functions.php with just the opening tags (and closing tags…I can’t seem to find a consistent answer to this). Then you will have to take the copy you made of the original functions.php before you updated and compare it to the updated one and add just the changes to the uploaded blank one.

First of all, technically in the United States, all sites are supposed to be screen reader friendly. Have you ever used/seen a screen reader? There are some blind lawyers out of UC Berkeley who spend their lives tracking down screen reader unfriendly sites (don’t worry, I’m sure it’s major sites!). I only know these things because one of my best friends was blind from the age of 9 until she was 29 and has limited vision that varies from day to day and while she can see again, yay!, she still does some things “blind” because it’s faster and easier on her eyes.

Personally I can’t think of a choose your own font size option. Have you looked for a plugin that does this? Also on my kindle and on my phone, ipad, etc., there are options for making the font bigger. On my macbook if you hold the command button down and click on the “+” button everything gets bigger.

I think I could be more helpful (and ask my friend) if you tell me what sort of content you are working with.

I want to move the effectiveness list column to the right above the reserve form

I think that your theme/organization could be a little less complicated. Right now the width of the column that has the photo, the text, and the effectiveness list is 603px wide. If you remove the effectiveness list entirely the text should spread out into that space unless you add a style like: p { max-width: 300px; }

If you turn the right hand column into a right hand sidebar then you can drag in some widgets that will help with some of the information that you want to display. You can also drag a text widget into the right hand sidebar – and write your code to make your effectiveness list for example.

I don’t know which theme you are using but if it’s twentyten, twelve, or thirteen I might be able to be more specific.

I’m not able to give you exact advice but it sounds like you probably know enough to figure it out on www.remarpro.com. They have different ways to create custom pages, including every single page showing something different or unique, or pages that also include posts in this category or that category as well. I’d start here: and then move on to: .

In the meantime hopefully someone else will come along with better advice!

O.K. It’s all doable in the CSS. Without your files I can’t give you exact code but if you look at the style.css that came with a theme (I’m using TwentyThirteen as an example) you can see that it starts off with the most basic styles like:

a {
	color: #ca3c08;
	text-decoration: none;
}

If you scroll pretty far down you’ll see:

.nav-menu li a {
	color: #141412;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

So you can see that later on the style of “a” is changed to be something specific to navigation menu li items. Everyone will tell you to use Firebug or something like that for help in editing CSS (or to go to a CSS forum) – and it (firebug, etc.) is the way to go, but it can be confusing when you first start using it so just hang in there and expect to have to play around a bit to get used to it.

It could also be that you just need to clear your cache.

You can try contacting BlueHost and they should be able to help you delete the files from your database that are in the way. This can also be done via a FTP client. Basically what that means is you download something like cyberduck – google that part – and then you use cyberduck to access the files you have at BlueHost. It will list them all and you can delete them there. I realize that probably isn’t quite enough explanation to get you through the cyberduck process but maybe try BlueHost customer support and if that doesn’t work I’ll try to walk you through cyberduck.

I just looked at your site and the colors are changing when I hover over them – assuming you mean the menu up at the top of the page? And the current page and visited page are different colors than the unvisited pages and the hover colors are different than those. If you have already resolved this issue, please mark it as resolved. If you haven’t fixed the issue then maybe you could try explaining it again.

It still seems totally random and sometimes uploads fine and other times it doesn’t. Maybe I’m hitting save too quickly or something.

I’m still having trouble with them but I’ll come back when I’ve narrowed it down a bit more.

the a href part, forgot this does weird things to any posted code

I need mental help. I realized last night that they didn’t have their links in the code yet, the <a>etc., part…so why have a hover color! Thanks thought!

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Now I am having trouble with the CSS to get them to change color on “hover.” Did I miss that on your page or do I just need help?

Great, thank you ??