Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 21, 2015 at 9:47 am #415688
    SRD

    Hi.

    I updated my theme from 2.9.1 to 3.1.1. In the process I lost theme settings.

    I recreated them all, except for 1 image in the header.

    Can you please tell me how to add the image which says “Where will you let it take you?” (https://web.archive.org/web/20141218193924/http://smartcoffeeclub.com.au/) to http://smartcoffeeclub.com.au/ please?

    Thanks and regards,
    Steve.

    • This topic was modified 9 years, 8 months ago by SRD.
    March 21, 2015 at 11:27 am #415705
    begrafiks

    Hi SRD ;
    there is a difference of code css between two examples :
    the archive one has :

    #titlemain {background-color: #ffffff; background-size: contain;     
border-top-style: solid;
border-bottom-style: solid;
border-width: 3px;
border-color: #c3954c;}

    but the new one doesn’t have

    March 23, 2015 at 5:41 am #416200
    Rikard

    Hey!

    Did you try to add the CSS which @begrafiks pointed out to Quick CSS under Enfold–>General Styling?

    Regards,
    Rikard

    March 26, 2015 at 5:27 am #418315
    SRD

    That CSS has nothing to do with the image in question.

    March 26, 2015 at 5:54 pm #418680
    Yigit

    Hey!

    Please add Color Section element with a custom background and inside of it, add Text Block element and insert your text in H1. You use Special Heading Element as well :)

    Cheers!
    Yigit

    March 27, 2015 at 11:10 am #419205
    begrafiks

    Hi SRD ;
    as I mentioned above ; there is a difference of CSS between ;
    the “archive” https://web.archive.org/web/20141218193924/http://smartcoffeeclub.com.au/
    and
    on “line” http://smartcoffeeclub.com.au/.

    In both exampels :
    > there is a “color section” element (with #titlemain) containing
    > an ALB element “1/1” in which
    > there is a “text” element (h1) “WHERE WILL YOU LET IT TAKE YOU?”.

    But on “line” example I’ve not seen a CSS code for (#titlemain)
    and this lack of (#titlemain) creates a difference on the “background-size properties”.

    If you try to add this line in your custom css on “line” you would perhaps have the same layout as it was on “archive” :

    #titlemain {height: 100px;   border-top-style: solid;  border-bottom-style: solid;  border-color: #c3954c;  background-size: contain;}

    see more information about “the background-size property” : http://www.w3schools.com/cssref/css3_pr_background-size.asp

    March 27, 2015 at 5:27 pm #419454
    Yigit

    Hi!

    Thank you for your input @begrafiks :)

    Cheers!
    Yigit

    April 2, 2015 at 7:04 am #422289
    SRD

    Hey!

    Please add Color Section element with a custom background and inside of it, add Text Block element and insert your text in H1. You use Special Heading Element as well :)

    Cheers!
    Yigit

    I don’t know where to do this. Can you describe how please?

    April 2, 2015 at 8:43 am #422336
    begrafiks

    Hi SRD ;
    here an image to guide you :
    Color Section

    April 2, 2015 at 4:12 pm #422562
    Yigit

    Hi!


    @begrafiks     Thanks :)

    Regards,
    Yigit

    April 3, 2015 at 5:26 am #422875
    SRD

    Sorry. I misled you. I meant the image at top right in script font, in the header @ https://web.archive.org/web/20141218193924/http://smartcoffeeclub.com.au/

    April 3, 2015 at 2:36 pm #423043
    Yigit

    Hey!

    Please refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
    and place your image inside that widget area in Appearance > Widgets and add your image using HTML on text widget

    Cheers!
    Yigit

    April 4, 2015 at 3:17 pm #423453
    SRD

    This seems to put it in the wrong container. I followed your instructions, and this is the result. It needs to be where the arrow is pointing.

    April 6, 2015 at 5:23 pm #424030
    Elliott

    Hey!

    I don’t see that image in your source code. Did you remove it? Add it back in and we’ll give you some CSS to position it.

    Regards,
    Elliott

    • This reply was modified 9 years, 7 months ago by Elliott.
    April 7, 2015 at 8:55 am #424521
    SRD
    This reply has been marked as private.
    April 7, 2015 at 5:24 pm #424844
    Elliott

    Hey!

    It should be in the correct position now. Here is what I added to your Quick CSS field.

    #header_main_alternate .textwidget {
  position: absolute;
  right: 0;
  top: -170px;
}

    Regards,
    Elliott

    April 8, 2015 at 3:49 am #425054
    SRD

    Thank you very much Elliott.

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘How to add image to header’ is closed to new replies.