Individual banner offset

  • StefanV988

    (@stefanv988)


    11 years, 2 months ago

    I’ve been using Moesia theme for a while now and I am very satisfied with it, great design and easy to modify, so I am sticking to it.

    Still I’ve been having problems with individual header images, as they are weirdly cropped and I can’t get them to be cropped around the center of the image where main contest and the point of the individual banner is.

    Is there a way for me to offset the image upward offscreen, what dimensions should the pictures be so I avoid unnatural deforming and where can I find all codes relevant to banners?

    My site is currently parked at http://www.hostelbgd.com/test
    The problem can be seen with image at http://www.hostelbgd.com/apartmani

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • vladff

    (@vladff)

    11 years, 2 months ago

    The image being pixelated (if that’s what you mean about deforming) is because your image on the page you mentioned is very small. You should have one at least 1366×768.
    The images might look weirdly cropped, but that’s the way it goes, they are background images set to cover.

    To change the position of the header image use this in a custom CSS plugin:

    .has-banner:after {
     background-position: center center;
}

    And it will be moved upward. You can even change the second center to a percentage.

    Thread Starter StefanV988

    (@stefanv988)

    11 years, 2 months ago

    I tried that code, but for some reason it doesn’t load it.

    Thread Starter StefanV988

    (@stefanv988)

    11 years, 2 months ago

    Scratch that, I added !important; and it solved the problem. Thanks a lot vladff.

    By the way, do you have an email I can contact you directly in the future?

    vladff

    (@vladff)

    11 years, 2 months ago

    vlad[at]athemes.com. Though I’m mostly using that in case I need login info from users to check stuff.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Individual banner offset’ is closed to new replies.