Support » Theme: Astrid » How to set a picture as banner

  • Dear All

    Hope that someone can help me…

    I have a little question / problem.

    As you can see on my website, i’m trying to put the picture (Interior shop) as a banner just below of the Menu.

    But I don’t know how i can put this…

    Ideally

    Set the Interior picture up to the Title “Welkom bij Optiek Lacroix” and after that comes the Title “Welkom bij Optiek Lacroix”.

    Thank you for you support !

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello there,

    You could set an image to your page’s featured image. For example:

    Screen Shot 2019 05 11 at 04 10 39

    Regards,
    Kharis

    Optiek Lacroix

    (@optieklacroix)

    Hi Kharis

    The hing is that i would like to put the first image as a banner that will take the complet width of the page

    Unfortunately i cannot add an image to show you…

    But the thing is that i would like that the Title “Welkom bij Optiek Lacroix” will be below the image with the chairs. The image with the chairs will take the full width up the to the title.

    Hello there,

    Try doing the below steps:

    1. Visit Dashboard > Appearance > Customize
    2. Navigate to Header area > Header type
    3. Enable header image for Frontpage
    4. Go back to Header area and choose Header Media
    5. Upload you header image banner file

    If everything goes right, you’ll have a banner header image that looks exactly like our demo’s: https://demo.athemes.com/astrid/

    Regards,
    Kharis

    Optiek Lacroix

    (@optieklacroix)

    Hi Kharis

    I tried what you told me but as you can see, it doesn’t fit very well…

    The image is too big.

    What do you think ?

    Hello there,

    Try disabling it. Then add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    .site-header {
      background-image: url('https://www.optieklacroix.be/wp-content/uploads/2019/05/cropped-Optiek-Lacroix-Interior-Banner-1.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }
    

    Regards,
    Kharis

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