Bring page content up to a header image

  • kmj

    (@kmj)


    8 years, 12 months ago

    I may be asking for too much, but would love to know if there is a miracle solution for the “problem” I’ve made for myself:

    I selected an image to put at the top of my frontpage, then selected “contain” as that is the look I prefer.

    On all the other pages, I have selected to toggle individual images, so that each page shows a different one. While the first image is rather large, the others are long and slim, like banners.

    Of course now I realised that there is a huge blank space between my images and the contents of the page! 😉

    I was wondering if there is a way to move the content up to the bottom of the image? Even the larger image on the front page leaves quite a lot of blank space until the content scrolls up.

    Thanks in advance if there is a way to do this!

    https://wordpress.org/themes/moesia/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Marko Dimitrijevic

    (@dimikjones)

    8 years, 12 months ago

    Hi, again 🙂
    I looked at your site since you send me credentials, hope you don’t mind. You are using header pictures in various sizes. Please install simple custom css plugin and apply code below:

    .has-banner:after {
    background-size: cover;
}

    I hope that this is the result you were looking for.

    Thread Starter kmj

    (@kmj)

    8 years, 12 months ago

    Hello!

    Thanks for helping out again, Dimikjones 🙂

    When I applied the code, the image actually increased and covered the whole page. I suppose that isn’t really a problem for the front page, but the look that I would really like for the other pages is like the sydney theme, as shown here: http://demo.athemes.com/sydney/services/

    I actually would have used Sydney, if it were not for the fact that I cannot toggle images on individual pages and cannot have a full screen image on the front page (needs to be a slider with multiple images).

    Anyway, I do understand if I am just asking for the impossible!!! Thanks for your time and help 🙂

    Thread Starter kmj

    (@kmj)

    8 years, 12 months ago

    I thought I better mention here that I seem to also be having trouble getting rid of the toggled images on individual pages: when I remove the image and update, it still shows up on the site. For a reminder, I am not using a cache plug-in; I thought it might be linked to another issue, as mentioned in the last post I entered here, but am not sure… 🙁

    Thanks in advance!

    vladff

    (@vladff)

    8 years, 12 months ago

    Just a quick note, you have to actually remove the image from upload field, checking off the toggle won’t remove it. That toggle is mostly there so that the options area isn’t overcrowded with things you might not use.

    Thread Starter kmj

    (@kmj)

    8 years, 12 months ago

    Thanks Vladff,

    I did highlight and remove the link to the image, but it still appears as a thumbnail under the empty line. Maybe there is a way to delete the thumbnail image?

    Marko Dimitrijevic

    (@dimikjones)

    8 years, 12 months ago

    Hi, sorry, I don’t have workaround for that, since header maintains height because of additional options you can use, such as: Header logo, Header button…

    Just remove code I provided above. I guess you will have to use Header background size: Cover, unless someone else have some solution to this.

    Thread Starter kmj

    (@kmj)

    8 years, 12 months ago

    ok, thanks again! 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Bring page content up to a header image’ is closed to new replies.