Giulio Daprela

I don’t see the problem, why the web guy says it can’t be done?

To me, it doesn’t seem anything overly complicated, I’m sure that with some custom CSS it can be done

Hi Dazzer,
I know you are a bit nervous right now but you probably forgot to include your menu. ??

Can you add a link so that I can see it?

Hi joellepoulos,
I don’t find the class .singular-page-108 anywhere in that page.
try instead this:

.postid-108 .project-image figcaption {
  ...
}

It should work but in case it doesn’t try to add more elements and classes to make it more specific like this for example:

.postid-108 .project-image figure figcaption

I’m afraid this is not possible without custom coding. And I’m not saying CSS, I’m saying php. You have to add the code that creates the sidebar in the header area, and then add the widget. If you try to move one text area on the current sidebar to the top with CSS you’ll move also all the other widget areas because they’re all tied together

First of all make a child theme
Then try to add this code to your custom CSS

#nav-header.nav-container {
   background: transparent;
   top: -90px;
   box-shadow: 0 0px 0;
}

#page {
   margin-top: -100px;
}

In theory yes, but if you add a link to your website I can probably be more precise. What theme are you using?

Always well Karen, thank you! ??

1. No, the only thing I see in that menu is “Growing Squash Indoor With Solatube”. Check again your menu

2. I’ll let CrouchingBruin answer to this but I would say you shouldn’t unless you have images that have to be resized

When you are in your admin section, any page, scroll down until the very end, and you’ll see in the bottom right corner of the page your WP version.
You can check you version even if you click on dashboard->home or dashboard->update

On the bottom right of any of your admin pages you see your current WP version.

The nested menus are composed through a drag and drop system. You first place the menu items, and then to nest an item under the one above it you drag it to the right.

I don’t know your specific theme but post titles usually have a H1 tag. If you do something like:

body h1 {
    font-size: NNpx;
}

it should work.

My advice for now is to get rid of all your custom css and try to start again or ask for advice on the cleaned website. I’m sorry but I couldn’t sort out your problem.

Karen,
I didn’t say to get rid of Google ??
In my experience the best way to get results with Google is to give your website a structure that makes sense for your visitors.
Use a silo structure, interlink your articles by cross referencing them. For example, use a “related articles” box, or simply link to another article when you’re saying something that was better explained there. Don’t have fear to link also to external sources, do it a lot, reference reputable sources and open the external links in a new tab so that the visitors don’t leave your website if they click.
Last but not least, use an SEO plugin like WordPress SEO by Yoast. This makes a lot easier to setup things like the meta tags end determine how your content will appear in a search page.
Finally, open an account on Google+ and set up a Google authorship. This helps a lot.

As for the sidebar, it’s already 320px wide.

Karen, ignore Google, use common sense. If you do what you think Google wants you’ll mess up your website. Work for your visitors, not for Google.

SEO today it’s a complicated game only for people that can dedicate full time to it. I’ve been in that game, then I was really fed up and gave up because Google doesn’t make the interests of the searchers but its own. I don’t want to explain further or it would be a very long post but people like me who worked or are working in the SEO world know very well that the “we’re not evil” slogan it’s just a joke.

You must think about CSS as a set of boxes inside boxes inside boxes….. Every Id or class under which you set a property is a box inside some bigger box.
Basically, in you theme you have two big boxes.
One is the ‘body’. Body is an html tag under which you put everything, so the styles you set in the body affect the entire site. Think of ‘body’ as the box that has everything inside it.
Then the other big box is the ‘main’ area, which includes all the content. excluding header and footer (so we could say that the ‘body’ box has three boxes inside it, footer, main and header). The style you set in the smaller area usually overwrite the one set in the bigger area. So, you’ve set white as background color in the main area, and this goes over the white color of the body area.

If you open Firebug in Firefox you can see the html code of your page on the left area. If you select the html tags you will see what area is affected by that tag. These tags have (almost all of them) an id or a class assigned. This is the name of that box in CSS. So, if you see an html tag (typically div) that has an id=”mytag” and you want to change the background of that area you’ll have to put a code like this:

#mytag {
backgroun-color: #fff;
}

This is basically how CSS works. Hope it’s clear. If not, just ask! ??

Ok, if you want the yellow color on the outside the you have to change again the color of the body.

body {
background-color: #ffff99;
}

With this code I have a yellow color on the border including the header and the background of the content area is white