Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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.
    #275508

    Hi 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
    Michael

    #275510

    Hi Michael,
    not this one… I’ve corrected my post… look at my first post again.
    kind regards

    #275511

    I 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
    Michael

    #275641

    Hey!

    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,
    Ismael

    #277445

    Hello 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.
    #277463

    hello, 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

    #277977

    no 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.
    #278474

    Hi!


    @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,
    Ismael

    #278520

    Hi Ismael,

    thank you for your answer.
    right mouse click function disabled.

    with this/your proposed css-code it doesn’t work…

    greetings

    #279282

    Hi!

    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

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.