Image as background in header & Menu-bar « Support Forum | Kriesi.at

Support Forum » Brightbox

Image as background in header & Menu-bar

15 posts from 6 voices

Started 1 year ago by wenv
Latest reply from Mya
This topic is closed
This topic is resolved

Tags:

wenv
Member

Hi,

A1) is it possible to add an image as background into the header-area?
A2) and are the standard icons (social widgets, search-widget) still visible then?

B1) is it possible to add an other image as background into the menu-bar?
B2) and are the menu-buttons still visible then?

Thanks for your answer.

Vanwero!

Posted 1 year ago #

Chris Beard

Hi,

A) In your theme folder under CSS > light-skin.css you'll find:

#header {
     background-image: url("../images/skin1/gradiant-dark.png");
     background-position: left bottom;
     background-repeat: repeat-x;
}

or something along those lines as long as it is #header and something between brackets.
Now change the url("LINK HERE") to something different. Like this:

#header {
     background-image: url("YOURLINKHERE");
     background-position: left bottom;
     background-repeat: repeat-x;
}

If you'd like a repeated background just replace that.
If you don't want a repeated background use:

#header {
     background-image: url("YOURLINKHERE");
     background-position: left bottom;
     background-repeat: no-repeat;
}

Posted 1 year ago #

wenv
Member

Thanks for your reply!! Works like charm!!

Now I'm using an image for my header on which my logo is already on. So I removed my logo in my Theme-options.
When no logo is assigned in the options, it is showing your default logo of brightbox.

How can I disable the code of showing this default logo (when no logo is assigned in theme-options)?

I tried this:

In Header.php => uncomment: echo avia_logo();

=> but then it's also not showing my Header-image anymore...

Greets,
Vanwero

Posted 1 year ago #
Chris Beard
In your framework>php>function-set-avia-frontend.php you can find ` $logo = get_bloginfo('name');
$logo = "<h1 class='logo bg-logo'><a href='".home_url('/')."'>".$logo."</a></h1>";`

replace it by:
```
$logo = "";
```
I haven't tested this but it should work. Let us know if it does :)
Posted 1 year ago #
wenv
Member

Worked perfectly Chris!
Thank you very much...

Greets,
Vanwero!

Posted 1 year ago #
wunmi123
Member

Hi,
Am also trying to add an image header to my header, but being looking around for where to find light-skin.css in the Editor as mention above but no luck, please help.

#header {
background-image: url("YOURLINKHERE");
background-position: left bottom;
background-repeat: repeat-x;
}

Posted 1 year ago #
Chris Beard

Hi,

the light-skin.css might not be listed in the WordPress editor. You'll have to use an FTP client to open up your site and then your theme folder. Then download, edit & overwrite the light-skin.css. You should be able to find it in your ftp under Site > wp-content > themes > brightbox > css, or something along those lines.

Posted 1 year ago #
wunmi123
Member

Thank you so much for your reply. What a great product.
One more thing please.how do i get user to register for an account? at the moment i do have the Account option and login and login out. Is where do i find the option for Register? please help, sorry for the trouble.

Posted 1 year ago #

Dude
Dude

You can use following php code snippet:

<?php if (get_option('users_can_register')) : ?>
	<li><a href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=register"><?php _e('Register') ?></a></li>
<?php endif; ?>

Posted 1 year ago #

wunmi123
Member

Thanks for your quick reply, really appreciate, please where do i paste the code? Sorry for the silly question. Thanks

Posted 1 year ago #
Dude
Dude
That's up to you. I.e. you can add it to header.php or to the footer (footer.php). You can also hardcode the link into the content. Use following code then:
```
<a href="MYWEBSITE.COM/wp-login.php?action=register">Register</a>
```
Posted 1 year ago #
wunmi123
Member

Thank you, you the best!

Posted 1 year ago #
Chris Beard

Glad that we could help :)

Posted 1 year ago #
gdeadtoo
Member

Chris,

I followed your instructions above to replace default logo with my own.

I edited the light-skin.css, but it did not work.

Also, I want to edit the footer. How do i select what's shown doen there?

Thanks.

Posted 11 months ago #
Mya

Hi gdeadtoo,

If you will please create a new post with a link to your website that way we can see what's happening that would be great. Also, if you haven't done so already please explain what you want to edit in the footer that way we can give specific instructions.

Regards,
Mya

Posted 11 months ago #