Forum Replies Created
-
Posts
-
Sweet I changed it for the owl! Yes it is a pin stripe of the background, it was a block before. So much of a difference from the original agency- this is a fun theme!
Hey thanks a lot! That worked! This is the first time I've worked with the new Agency, I'm having little hiccups with the header and then that part you just fixed for me and the size of the sidebar widgets is killing me! I've been on the search for three days to figure out how to decrease them. Thanks for your help and saving the little owl's head too. 🙂
I do have a fixed header but not intentionally. It is on my list to correct. I don't actually want it to keep coming down the page when you scroll. Will the first suggestion you made make that fixed header stay at the top and not come down during the scroll? I do want the little owl to show on ipad-- I'm trying to figure out that part now. He shows on desktop and cell phone but is cut off on iPad.
I want to decrease the size of all the widgets in the sidebar not specifically to accommodate the example widget I have displayed with the 150 x 150 image. That's just posted for you to see how huge the widget boxes are with an item put on them. I want the boxes to be smaller width and height wise. Thank you in advance!
Thank you all for your help. Bandj- that worked! Pinky- I am using that now for another part of the site thank you for suggesting!
Thank you very much- that helped me fill the color in and get the whole logo to show!!!!!! That logo is far too big for the header. When I am using photoshop elements to reduce it- terrible distortion occurs. Do you know a way for me to make it smaller? The developer only gave us one size and that was for print she said. We don't know what to do.
I am so sorry to both of you. I think I have lost so much sleep trying to figure this out that I thought I disabled it--- it is now disabled so you can see the mess I have. I cant get logo to shrink without distortion. I cant get a filler to fill up all that black space and now I cant get the slider to work right either! I am so dismayed. I had this site designed by a developer and paid good money and she wiped it out when we downsized. Do upsetting.
I put the mess of a site live so you can see what I'm talking about. The logo is NOT supposed to be this huge mess on there that you will see it is. We have tried to reduce the image many different ways and it keeps distorting. All the black area around the already screwed up header is what I am talking about. Can you also tell me what to do about the size of the logo? We have spent days and days trying. So frustrating.
site is just a complete mess.
I am having trouble with the slider all together. It was installed and working just fine but then we took the site down and wiped everything out so starting fresh with same images and not changing any size of anything should have allowed it to come back up and it won't. The slider is there- as a thin box with X and the title of the slider next to it but images will not show up. Can someone help me. http://www.usmcfamilies.org- you will also see we are having a horrible time with our logo in the header too- we don't want it that big and its cut off, we don't know what to do with that either!
Thank you for your time but adding color isn't what I'm trying to do. I just want the image to go up there and all the black around my image to go away. I do appreciate your time though.
Bandj- I added a color to the background of the image and that did help some, thank you very much! I am still having trouble with the rest of header area being black. I did add the color code I want to the background area and still nothing. Can you tell me where to replace the code with my preferred color? I just cannot figure this out, it's been hours. Here is the code:
/* Body ------------------------------------------------------------ */
body { background: #e5e9ee url(images/bg.png) repeat-x; }
/* Wrap ------------------------------------------------------------ */
#wrap { margin: 0 auto; width: 1000px; }
/* Header ------------------------------------------------------------ */
#header { margin: 0 auto; min-height: 200px; overflow: hidden; text-shadow: 1px 1px #000; width: 110%; }
#title-area { float: left; min-height: 100px; overflow: hidden; padding: 15px 0 0; width: 350px; }
#title { font-family: 'PT Sans', sans-serif; font-size: 60px; line-height: 1; margin: 0; text-transform: uppercase; }
#title a, #title a:hover { color: #fff; text-decoration: none; }
#description { font-family: 'PT Sans', sans-serif; font-size: 14px; text-transform: uppercase; }
p#description { color: #777; }
#header .widget-area { float: right; padding: 40px 0 0; width: 500px; }
/* Image Header - Partial Width ------------------------------------------------------------ */
.header-image #title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 115px; overflow: hidden; padding: 0; text-indent: -9999px; width: 350px; }
.header-image #description { display: block; overflow: hidden; }
/* Image Header - Full Width ------------------------------------------------------------ */
.header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 100%; }
/* Navigation Constants ------------------------------------------------------------ */
li:hover ul ul, li.sfHover ul ul { left: -9999px; }
li:hover, li.sfHover { position: static; }
li a .sf-sub-indicator { position: absolute; text-indent: -9999px; }
/* Header / Primary / Secondary Navigation ------------------------------------------------------------ */
.menu-primary, .menu-secondary, #header .menu { margin: 0; padding: 0; overflow: hidden; width: 100%; }
.menu-primary li, .menu-secondary li, #header .menu li { float: left; list-style-type: none; text-transform: uppercase; }
#header .menu { float: right; width: auto; }
.menu-primary li a, .menu-secondary li a, #header .menu li a { color: #1d3b6c; display: block; font-size: 14px; padding: 6px 15px 4px; position: relative; text-decoration: none; }
.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { -moz-border-radius: 5px; -moz-box-shadow: 0 1px 0 #cb4d56; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #cb4d56; background-color: #1d3b6c; border-radius: 5px; box-shadow: 0 1px 0 #cb4d56; color: #cb4d56; }
.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link, .menu-secondary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-bottom: 1px dotted #333; border-radius: 0; box-shadow: none; color: #cb4d56; font-size: 13px; padding: 5px; position: relative; text-transform: none; width: 138px; }
.menu-primary li li:last-child a, .menu-secondary li li:last-child a, #header .menu li li:last-child a { border: none; }
.menu-primary li li a:active, .menu-primary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:hover, #header .menu li li a:active, #header .menu li li a:hover { color: #fff; }
.menu-primary li ul, .menu-secondary li ul, #header .menu li ul { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #1d3b6c; border-radius: 5px; height: auto; left: -9999px; margin: -5px 0 0; padding: 3px 10px 5px; position: absolute; width: 148px; z-index: 9999; }
.menu-primary li ul a, .menu-secondary li ul a, #header .menu li ul a { width: 130px; }
.menu-primary li ul ul, .menu-secondary li ul ul, #header .menu li ul ul { margin: -34px 0 0 149px; }
ul.menu li:hover>ul, ul.menu li.sfHover ul, #header .menu li:hover>ul, #header .menu li.sfHover ul { left: auto;