-
AuthorPosts
-
June 6, 2014 at 10:56 am #275506
Hello,
How I can put for every Site a separate Header-Image as Background?
I mean at the menu… on the top… like this: http://www.bilfinger.com/unternehmen/
At every Page another Header-Image.thanks for help.
- This topic was modified 10 years, 6 months ago by athlonius.
June 6, 2014 at 11:03 am #275508Hi there,
well, not exactly what you want I assume but I did something similar in another project: http://www.engelag.de/
We have a different “header” image (well it´s not really the header I know) on every page.Just as an inspiration.
Cheers
MichaelJune 6, 2014 at 11:09 am #275510Hi Michael,
not this one… I’ve corrected my post… look at my first post again.
kind regardsJune 6, 2014 at 11:14 am #275511I can only see the link http://www.bilfinger.com/unternehmen/ you posted. And as I said my example might not be exactly what you want but it might act as some kind of inspiration.
I don´t think that you can do exactly what you show in your link at the Bilfinger website with Enfold but the specialists might correct me.
Cheers
MichaelJune 6, 2014 at 4:14 pm #275641Hey!
Thank you for using the theme!
@Michael: Thank you for trying to help!
@athlonius: I’m sorry but that particular feature is beyond the scope of support. You can try to edit header.php, find this code on line 63:<div id='wrap_all'>
Below, add something like this:
<?php echo "<div class='header-top-bg'></div>"; ?>
Then go to Enfold > General Styling > Quick CSS, add this:
.header-scrolled { margin-top: -200px; } div.header-top-bg { display: block; background: red; height: 200px; width: 100%; }
The negative top margin of the header-scrolled should correspond with the height that you set for the header-top-bg. Use wp conditional to create different background for each page.
Regards,
IsmaelJune 11, 2014 at 9:32 am #277445Hello Ismael,
thank your for your help. I’ve used now Dynamic Headers Plugin and paste the code to headers.php. Now I can put every page a separate header image.
— http://goo.gl/wQuCDO —
but I can’t find the css or other file to put the main menu over/on the header (like http://www.bilfinger.com/unternehmen/ look at the menu with black background)…- This reply was modified 10 years, 6 months ago by athlonius.
June 11, 2014 at 10:37 am #277463hello, my problem is similar to yours …
I need several blank pages – which allows to start the design really on top of the page
like this one: http://petraniedermoser.com/
how can i do that?best regards – tom
June 12, 2014 at 9:48 am #277977no solution to put menu on/over header-image?
is there a solution to change the size of right sidebar???
- This reply was modified 10 years, 6 months ago by athlonius.
June 13, 2014 at 5:09 am #278474Hi!
@athlonius: Please enable the right mouse click function so that we can inspect your website. You can adjust the position of the avia-menu-fx with this on Quick CSS:.avia-menu-fx { position: absolute; top: 0; }
Best regards,
IsmaelJune 13, 2014 at 9:17 am #278520Hi Ismael,
thank you for your answer.
right mouse click function disabled.with this/your proposed css-code it doesn’t work…
greetings
June 16, 2014 at 8:16 am #279282Hi!
is there a solution to change the size of right sidebar???
Yes, insert this code into the child theme functions.php file or enfold/functions.php:
function avia_increase_sidebar_size() { global $avia_config; $avia_config['layout']['fullsize'] = array('content' => 'twelve alpha', 'sidebar' => 'hidden', 'meta' => 'two alpha', 'entry' => 'eleven'); $avia_config['layout']['sidebar_left'] = array('content' => 'eight', 'sidebar' => 'four alpha' ,'meta' => 'three alpha', 'entry' => 'eight'); $avia_config['layout']['sidebar_right'] = array('content' => 'eight alpha', 'sidebar' => 'four alpha', 'meta' => 'three alpha', 'entry' => 'eight alpha'); } add_action( 'init', 'avia_increase_sidebar_size', 1);
To change the sidebar size you need to replace “eight” and “four” with a different value. I.e. change “eight” to “nine” and “four” to “three” to decrease the width of the sidebar. You can also replace “eight” with “seven” and “four” with “five” to increase the width. Note that you must not exceed the width of “twelve” units because our css grid just supports twelve units in one row.
Regards,
Peter -
AuthorPosts
- You must be logged in to reply to this topic.