Add Header & Reduce Main Image Homepage

This topic contains 12 replies, has 2 voices, and was last updated by  clubtogethernow 4 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • February 10, 2020 at 9:05 am #529624

    clubtogethernow
    Free User
    Post count: 56

    Hi,

    I’m currently using the Supreme Directory theme but want to make a few changes to the homepage:

    1. How do I add a permanent background to the header like there is on all other pages? (instead of the header sitting over the featured image)

    2. How can I reduce the height of the featured image on the homepage?

    Thanks

    February 10, 2020 at 9:36 am #529626

    Kor
    Moderator
    Post count: 16516

    Hi clubtogethernow,

    Thanks for your post. Please allow me to answer your questions.

    1. You can use the guternberg editor to insert an image on the top of the page. Then, insert any GD modules that you want using shortcodes https://wpgeodirectory.com/docs-v2/geodirectory/shortcode-builder/

    2. We can use custom CSS code as explained here https://wpgeodirectory.com/docs-v2/themes/supreme/#customize

    February 10, 2020 at 9:41 am #529628

    clubtogethernow
    Free User
    Post count: 56

    Hi Kor,

    Thanks for coming back to me.

    In regards to adding a permanent header, are you saying I just need to add an image of that colour block rather than customising the header?

    Thanks

    February 10, 2020 at 9:44 am #529629

    Kor
    Moderator
    Post count: 16516

    Hi clubtogethernow,

    Thanks for your reply. You can set it as your page featured image and remove the search form and categories using custom CSS code. It’s up to you though. Could you possibly show us what you’ve done on your end?

    February 10, 2020 at 10:15 am #529633

    clubtogethernow
    Free User
    Post count: 56

    Hi Kor,

    I just want to have a solid background header on all of my web pages.

    At the moment this is the case on all other webpages but not on the homepage.

    I’ve attached an image of how the homepage header looks and how it looks on all other pages (which is how I want it).

    Can I easily do this?

    Thanks for your help

    February 10, 2020 at 3:17 pm #529674

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for your reply. Do you mean you only want the featured image with the title without the search form on your homepage?

    February 10, 2020 at 3:31 pm #529677

    clubtogethernow
    Free User
    Post count: 56

    Hi Kor,

    No sorry Nothing to do with the featured image.

    I want the dark blue header to appear on the homepage behind my logo and menu links? (It does this on all my other web pages just not the homepage).

    Site is http://www.clubtogethernow.com if you want to take a look what I mean.

    February 10, 2020 at 4:28 pm #529688

    Kor
    Moderator
    Post count: 16516

    Hi clubtogethernow,

    Thanks for your reply. I get what you mean now. You can use the custom CSS code below to achieve this. 

    .sd header .container {
    background-color: #1c222e;
}
    February 11, 2020 at 9:10 pm #529871

    clubtogethernow
    Free User
    Post count: 56

    Thanks that worked!

    How do I increase the height of my header?

    Thanks

    February 12, 2020 at 7:10 am #529931

    Kor
    Moderator
    Post count: 16516

    Hi there,

    You can use the custom CSS code below. 

    .sd header .container {
    padding: 50px 23px;
}
    March 26, 2020 at 4:18 pm #536926

    clubtogethernow
    Free User
    Post count: 56

    Hi Kor,

    Sorry to come back to this so late.

    I’ve been looking through the documentation but I cannot find how to change the featured image height for my homepage. Can you help me with this?

    Thanks in advance.

    March 26, 2020 at 5:04 pm #536930

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for your reply. You can use the custom CSS code below to adjust it. 

    
header .featured-area.type-location {
    height: 80vh;
}
    March 27, 2020 at 5:17 pm #537127

    clubtogethernow
    Free User
    Post count: 56

    Thankyou very much!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket