Forum Replies Created
-
AuthorPosts
-
April 6, 2013 at 6:11 am in reply to: How to make content background semi-transparent/ change opacity #33439
bandj
Memberchanging 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.
March 29, 2013 at 5:00 am in reply to: how to display whole image instead of just part of it in the homepage? #31896bandj
MemberYour #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.
bandj
Memberwhen 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.
bandj
MemberIt 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.
bandj
MemberI'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.
bandj
MemberYes, 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.
bandj
Memberbandj
MemberI'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.
bandj
Memberyour 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;
bandj
Memberyour link goes to this
Briefly unavailable for scheduled maintenance.bandj
Memberwhich page?
bandj
MemberIf 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
March 18, 2013 at 3:14 pm in reply to: Genesis Responsive Slider Cuts off Title in Slide Mode #29153bandj
Membertry changing the width to 560px here
.innov8tive #genesis-responsive-slider h2
bandj
Memberyou 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.
March 17, 2013 at 1:33 pm in reply to: How do I duplicate my site just like the demo Agency theme? #28643bandj
Memberrecheck your header right widget area with the instructions for adding the menu.
bandj
Membertry adding this to your css:
.home #inner {
background: none;
}
March 17, 2013 at 1:23 pm in reply to: How can I increase the height of the Header background image using Sample theme #28638bandj
Member(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
bandj
Memberthere is a nice plugin called media grid
bandj
Memberyou can put the embed code in a text widget in a widget area
bandj
MemberAgency 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
-
AuthorPosts