Forum Replies Created
-
Posts
-
multiple solutions and as far as responsive you can adjust them in the responsive section of the css.
the problem is that your header image is in the #header div which is 100% wide.
there isn't such a thing as float: center so you need to change that in your .header-image #title-area
You could:
put a width on your #header div.
take your image out of the #header div and put it in the #title area, maybe change the initial width of your title area or add background-size: contain to it. http://www.w3schools.com/cssref/css3_pr_background-size.aspGood thread Susan.
I've asked questions on the old forums since 2009 when I first started using SP. Didn't answer questions much because I felt there are moderators that know a lot more than I do and they can answer better. But this forum gives us a chance to give back.
As time goes by most people don't realize how much they've learned, how much they know now and this forum lets them realize how far they've come, so I think it's good.
Bill
I would choose Outreach, Executive, Agency or Associate because they have the 3 or 4 widgets built in for the 3 columns of post excerpts.
The top half would need some work to add a widget or 2 and set up for 1/3 and 2/3 or 1/4 and 3/4 columns.
I can't duplicate that. It always stretches all the way across for me. Could it be something with your computer? Just out of curiosity what happens if you change the background position to top left instead of top center?
Carrie I looked at your site quite often while I was making this. Notice the awesome font arrows? Good idea to put Molly on the 404. Why didn't I think of that!?
check this out
http://www.colorzilla.com/gradient-editor/
It will give you the code and you'll see how to set up gradients in css
Also you can check on border properties along with box shadows for the bevel effect
backstretch is a jquery plugin that Brian first used on the Stretch theme. I think he talks about it on his blog.
if you use an image that is bigger, say 2000px X 1000px you could try adding background-size: contain; to your css
I'm sure there are multiple possible solutions.
I gave your #inner a background color and some padding like 50px 20px 0
then I gave your subnav a margin-bottom: -20px
I have used homepages from another theme but then you have to add the widgets in your function.php and style.css. It's not too bad depending on the styling of the home page. There are some responsive themes with the multiple widget homepage and the 3 columns. Outreach has got the widgets and the 3 columns. Many of the themes can be styled to look like the other ones.
Give this a try. I used 33% since it seemed to fit your logo. You may have to use px
because the % will get smaller as the screens get smaller..header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {background: add your image here instead of #header
margin: 0 auto;
width: 33%;you can't add a 2nd background to the background already there.
But here is something you can try.
add something like this to your body...change the height and color as you like
border-bottom: 60px solid #d6244c;
then for your #footer add a negative bottom margin
margin: 0 auto -60px;
maybe you want to add 9px bottom margin to #footer-widgets
Adjust the footer margin and border-bottom sizes etc to what you want.
Check all your pages and test on devices.
hover is different than current-menu-item. You could have different colors for visited, hover, active, and current-menu-item. Active would be when you click.
you're welcome
.menu li:hover, .menu li.sfHover
#header .menu li li a:hover
add your background color, on li li hover it may have a background image. Change that to your color
@timsquires
the red behind the welcome area is your main background image, not actually the width of your #wrap.
your #wrap is 960px wide so everything is contained in it. You would have to change that to 100% wide and then change all the other div wraps like #header .wrap etc. down to #footer .wrap to 960px wide and margin: 0 auto