Forum Replies Created
-
Posts
-
changing opacity will affect everything. Text, images etc.
If you just want to affect a certain element, for example #wrap then you would do this:
background: rgba(255, 255, 255, .5);
the .5 at the end will affect the opacity of the element but won't affect the images, text etc. However you will see that if you do that
and your images have a white background the background sticks out so you'd have to make your image backgrounds transparent.
Your #content width is 570px and your image is 600px. So you can either change the width of #content, which would mean changing other column or wrap widths, or make your images 570px wide.
when you have content and 1 sidebar, that sidebar will be #sidebar not alt sidebar. So your content + sidebar have to equal 920px total (and that includes the space between them). So if you want the sidebar 350px then your content should be 550px which will give you the 20px gutter between content and sidebar. Just make them both add up to 900px.
It still is curved. It just looks squared off because of this
#header ul.menu li a {
background: url(images/nav-line.png) no-repeat right;the demo also has this:
#header ul.menu li.noline a {
background: none;
}
try adding that 2nd line if you don't have it.
I've had the same happen. The test site seems to just give you smaller screens rather than how it actually looks on the device. Especially with images that don't scale on the phone, but scale on the test site.
Your site looks really good. Having the 2 widgets in the widget 2 area make the whole section really tall. I thought you had 4 widgets there and something was off, until I looked at it more closely.
I also like the first excerpt with the featured image but the others don't have images. Maybe you're just testing stuff out?
I like slider-pro but it seems to be having an issue with 1 or 2 of the slides.
Nice header image....scales nice when I shrink my screen.
Yes, I've learned a lot from Carrie also. The menu I used is just fixed. Didn't use any jquery. I trying to see how much I can change with just css. I did make up one or two page templates so I could used smaller widths on full width pages, and the 404 page, rather than use body classes for the different pages.
I'm not familiar with options in elements. Print to web usually have to change dpi (300 to 72) mode (cmyk to rgb). Resample image type (bicubic smoother, bicubic sharper). Save for web...I don't know that elements have these features.
One other thought. Open your site and do a screen capture, open that in elements, cut out the image and go from there. If you're using chrome (not sure if firefox does this) you can hold down the option key and hit the + key to enlarge the image before you do the screen grab.
your background image is 960x389 so...
in your #header
change min-height to 389px
and then to make it scale down as the window gets smaller add this also.
background-size: contain;
If you added this with the header uploader, which I'm guessing cause you mentioned cropping, did you pick center?
all I see is no-repeat on your #header image, no top center
you can add a color to
#header {
color: yourcolor;
}
but it won't fill the whole screen. It will fill the 960px area only. You would have to change the background image if you wanted it to go all the way across like the demo.
The only other thing you could do would be to adjust the widths of all the divs and wraps.
(this is from a different theme but in the functions.php file you'll find this:
/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array(
'width' => 1140,
'height' => 100
) );this is where you adjust the height and width that shows up in the header upload section of appearance
Agency uses a background image in the body which repeats all the way across so the header doesn't have a background.
body {
background: #f1f1f1 url(images/bg.png) repeat-x;}
the #header also is 960px wide so it doesn't stretch across the whole screen. You can give the header a color by adding
background: yourcolor;to the #header
