1. The banner at the top of my home page will not stop zooming. I saw a conversation about this and saw that the user was told to past this into customer CSS:
This did not work for me. It's still zooming. I need to turn off zoom for the banner on the home page, and I need to know how to do it on all other pages as I build those, so those banners won't zoom.
2. I am trying to figure out how to get my top menu to overlay my banner. The items are Home, Blog, Design Services, Cameo Collection, and Shop Collection. I would like them to appear (just the words -- transparent background) at the bottom of the banner. (The banner is blue and says Faulkner House Designs/Recycling Romance.) Is this possible?
Now, I just need to know how I might be able to overlay the menu (transparent words) onto the bottom of the banner, if that is possible. If not, I need to try to get the menu bar below the banner, and in another color.
For your other issue, I need to see your page and figure out how can that be achieved. Please send me your site URL and I will give you the proper solution.
Thank you so much for your help. I'm trying to change the brown navigation bar that is currently at the top of all the pages, above the banner/header. The color isn't good, and I really want the navigation bar below the banner. Is it possible to move the bar to go below the banner? Is it possible to change the color from brown to my custom color #a2cce8? I'd really like to have the navigation options transparent and overlaid on the bottom of the banner, but it seems like that isn't possible. So, moving the menu bar below the banner and changing the color is what I'm trying to do.
Thank you very much for your help. I was able to turn the banner my color (although it weirdly still shows the brown color on the navigation item you're on - see screenshot). Unfortunately I'm getting a fatal error message with the header PHP. Here is a screenshot...I think I did it right, but please check.
I appreciate your trying to help, but now the banners are not correct. The "Cameo Collection" banner now appears at the top of every page. It's only supposed to appear at the top of the "Cameo Collection" page. This is why I did the banners manually--so that one could go on that page, and the "Faulkner House Designs - Recycling Romance banner" can go on all the others. Now that banner is below the Cameo banner, and also below the navigation bar that was supposed to go below the Recycling Romance banner.
I have tried going in and switching out the Cameo banner for the Recycling Romance banner on all pages except the Cameo page, the way it was. But it's set in code somewhere and I can't get to it. Please help me at least get that Cameo Collection banner out of the pages where it isn't supposed to be.
I don't know if the brown box that goes around the selected page name in the navigation bar can be fixed, but that's something I'm going to try and figure out, too.
I've also removed the brown box, so the active page now has #afd8e0 color. If you want to change it go to Custom CSS and you will find it in the end of text box:
I really am so sorry to bother you again. I had made the header full-width on the Home menu, and I really liked the look of it. I was going to do the same on the others. Now, though, that the header is not done manually, i'm not able to do that. Can you please tell me how to make the header banners all full-width? I understand I'll need to tweak the width of everything else; i know how to do that, just not how to make the top header banner full-width. Thank you again, and I'm sorry that I have yet another question for you!
If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
Hi,
1. The banner at the top of my home page will not stop zooming. I saw a conversation about this and saw that the user was told to past this into customer CSS:
.page-container .wpb_content_element.lab_wpb_image_banner:hover .banner-img { -moz-transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -o-transform: scale(1.0) !important; transform: scale(1.0) !important; }This did not work for me. It's still zooming. I need to turn off zoom for the banner on the home page, and I need to know how to do it on all other pages as I build those, so those banners won't zoom.
2. I am trying to figure out how to get my top menu to overlay my banner. The items are Home, Blog, Design Services, Cameo Collection, and Shop Collection. I would like them to appear (just the words -- transparent background) at the bottom of the banner. (The banner is blue and says Faulkner House Designs/Recycling Romance.) Is this possible?
Thank you for your help!
Hayley
Hi Hayley,
1. Please add this CSS:
.page-container .wpb_content_element.lab_wpb_image_banner .banner-img { transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; }2. Can you give me your site URL so I will see what exactly do you mean here.
faulknerhousedesigns.com
The CSS worked! Thank you.
Now, I just need to know how I might be able to overlay the menu (transparent words) onto the bottom of the banner, if that is possible. If not, I need to try to get the menu bar below the banner, and in another color.
Thank you.
Hayley
Hi Hayley,
Great to hear that the CSS worked for you.
For your other issue, I need to see your page and figure out how can that be achieved. Please send me your site URL and I will give you the proper solution.
Hi,
Thank you so much for your help. I'm trying to change the brown navigation bar that is currently at the top of all the pages, above the banner/header. The color isn't good, and I really want the navigation bar below the banner. Is it possible to move the bar to go below the banner? Is it possible to change the color from brown to my custom color #a2cce8? I'd really like to have the navigation options transparent and overlaid on the bottom of the banner, but it seems like that isn't possible. So, moving the menu bar below the banner and changing the color is what I'm trying to do.
URL is http://faulknerhousedesigns.com
Thanks for any help you can provide,
Hayley
Hi Hayley,
If you want to change the background color of header menu, apply the following CSS:
header.site-header.header-type-1, header.mobile-menu .mobile-logo { background: #fff !important; }So change that #fff to your prefered background color.
As for banner position, you need to edit one one, so copy this code:
And paste here wp-content/themes/aurum/tpls/header.php on line 15 as shown here:
(view large version)
Thank you very much for your help. I was able to turn the banner my color (although it weirdly still shows the brown color on the navigation item you're on - see screenshot). Unfortunately I'm getting a fatal error message with the header PHP. Here is a screenshot...I think I did it right, but please check.
Hi Hayley,
Is it possible for you to send me the WP credentials so I can fix this by myself?
Make sure to choose "Private Reply" when you send us sensitive information!
Hi Hayley,
I've managed to set the banner image above the header.
Now you have to edit those pages and remove the banner you have added manually in the posts.
I hope you like it.
I appreciate your trying to help, but now the banners are not correct. The "Cameo Collection" banner now appears at the top of every page. It's only supposed to appear at the top of the "Cameo Collection" page. This is why I did the banners manually--so that one could go on that page, and the "Faulkner House Designs - Recycling Romance banner" can go on all the others. Now that banner is below the Cameo banner, and also below the navigation bar that was supposed to go below the Recycling Romance banner.
I have tried going in and switching out the Cameo banner for the Recycling Romance banner on all pages except the Cameo page, the way it was. But it's set in code somewhere and I can't get to it. Please help me at least get that Cameo Collection banner out of the pages where it isn't supposed to be.
I don't know if the brown box that goes around the selected page name in the navigation bar can be fixed, but that's something I'm going to try and figure out, too.
Again, thank you for your help.
Hayley
Hi,
Sorry I didn't noticed these banner are different, so I've done as you said, so added the code to tpls/header.php
PHP:
HTML:
So now the banner switches correctly.
I've also removed the brown box, so the active page now has #afd8e0 color. If you want to change it go to Custom CSS and you will find it in the end of text box:
(view large version)
I hope you like it.
This looks absolutely fantastic! Thank you!
Hayley
I really am so sorry to bother you again. I had made the header full-width on the Home menu, and I really liked the look of it. I was going to do the same on the others. Now, though, that the header is not done manually, i'm not able to do that. Can you please tell me how to make the header banners all full-width? I understand I'll need to tweak the width of everything else; i know how to do that, just not how to make the top header banner full-width. Thank you again, and I'm sorry that I have yet another question for you!
Hayley
Hi Hayley,
No worries buddy, here is the CSS you can apply to make the header:
#header-top-banner-main {width: 100%;
}
Then you can apply some paddings or margins to this element.
Hopefully this will help you.
Have a great weekend.
This is exactly what I needed. Thank you so much!
Hayley
Hi Hayley,
Great to hear that it worked for you!
If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
A huge thank you from Laborator in advance!