Nhat

Where did you put your code?

I just tried to reapply that on my testing site again; it works.
Here’s a screenshot of Twenty Eleven without that code: [link]
Here’s Twenty Eleven after applying that code: [link]

Notice the 50% transparency in the 2nd image.

@media screen and (min-width: 1260px) {
.site-content blockquote.alignleft, .site-content blockquote.alignright { margin-right: -12%; }
}

That should fix the issue.

OK, any idea why your suggested code has no effect?

It seems we have a small error in your child-theme set up. In your child theme, there’s this line:

/* Import layout */
@import url(../twentytwelve/style.css);

Try add quotation marks around the URL, like this:

/* Import layout */
@import url("../twentytwelve/style.css");

Thanks Nhat — that sort of worked, but the logo is chopped off (see the site)! Any idea what I can do to fix it?

Ah, that’s because the image’s height is larger than the container’s height.

If you used hgroup
hgroup { background: url('ImageLink.png') no-repeat; }
then resize your image’s height to 80px.

If you used .site-title
.site-title { background: url('ImageLink.png') no-repeat; }
then resize your image’s height to 49px.

———–

Alternatively, we can increase the size of the container to fit your image’s height. Please tell me which one you plan to use (.site-title vs hgroup) if you choose to go this route.

Thanks,
Nhat

Does the code start with a period like you show in your posting above?

It does start with a period.

In CSS, a period (.) signifies a class.
And a number sign (#) signifies an ID.

If that doesn’t work, the only thing I can think of is that something’s overwriting it. Could you please give us a link to your site?

While at that, try adding !important declaration to it:

#header-message { display:none !important; }

See that help,

And, Nhat–do I just paste that at the very bottom of the style.css? I’m just afraid of making changes that will somehow screw up my site! (I’ve done this before. . .)

Yes, just paste that line at the bottom of your [moderated] or child-theme’s style.css. Or if you want to make it easier, install WordPress’s official Jetpack plugin and activate the Custom CSS module; it’ll allow you to add custom CSS via Appearance –> Edit CSS.

Adding CSS lines will never break your site to the point that it’s inaccessible. If something goes wrong, simply delete the line.

You only have to worry about messing up when you mess with PHP.

—-

Edit: In case you don’t know, you can change the font size number to whatever you want by changing that number.

@esmi: He said he has access to nothing but the CSS. If he can create a child-theme, then he wouldn’t be restricted so.

Plus, the server is under control of Princeton University. I doubt that they would give him FTP access.

As for custom CSS plugin, I did mention Jetpack, which does have that module.

Hi jen.guyton

Because we’re restricted to CSS-only, we’ll have to utilize background-image as your logo.

If you want the logo to the left of the site title only:

.site-title {
background: url('ImageLink.png') no-repeat;
padding-left: 50px; /* increase this depends on your logo's width */
}

If you want the logo to the left of BOTH the site title and subtitle:

hgroup {
background: url('ImageLink.png') no-repeat;
padding-left: 50px; /* increase this depends on your logo's width */
}

You can add one of these code to the bottom of your site’s style.css; or if you have the official WordPress plugin Jetpack, you can add it to Appearance –> Edit CSS.

Hope this helps,
Nhat

Hi cbaz,

You can put this at the bottom of your theme’s style.css; or if you have WordPress’s official Jetpack plugin, you can go to Appearance –> Edit CSS and put it there.

.entry-title { font-size: 26px; }

Hope this helps,
Nhat

Hi vhutheesing,

Do you mean something like this? If so, then this code should work:

.site-header { 0px 0px 0px 0px; } /* the order of the values is TOP BOTTOM RIGHT LEFT */

Please put that at the bottom of your theme’s style.css or child-theme’s style.css; or if you have WordPress’s official Jetpack plugin, you can put it in Appearance –> Edit CSS.

You can control the spacing by changing the numbers. Again, the values represent TOP BOTTOM RIGHT LEFT. You can go negative if you have to.

Hope this helps,
Nhat

Hi timelessbeing,

For Twenty Eleven theme, this code should work:

#page {
background:rgba(255,255,255,0.5); /* the values are RED GREEN BLUE ALPHA, where alpha is the transparency control, 1 = 100%, 0.5 = 50% */
}

You can put that into the bottom of your main theme’s CSS or child-theme’s CSS; or if you have WordPress’s offifical Jetpack plugin installed, go to Appearance –> Edit CSS.

For RGB color values, you can use sites like colorpicker.com to find their value.

Hope this helps,
Nhat

Could you please mark this as resolved?

Thank you,
Nhat

If everything’s resolved, please mark this topic as resolved. ??

Thank you,
Nhat

Oh that, there are 2 options to resolve that issue:

One is to tell the browser to not show it.

@media (max-width: 767px) {
.select-menu { display: none !important; )
}

Another is to recode the entire navigation bar.

Not sure which one you’d prefer.