New Landing › How can we help? › Cardinal › Fancy header alignment

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Cardinal
  • October 23, 2014 at 11:58 am #122630
    torb
    Member
    Post count: 317

    It seems the fancy header is center aligned, so when you view the page on different devices, the image is centered and zoomed to fit, is this correct?

    Is it possible to e.g. align the picture to the right, so it is cut in the left size if it does not fit the screen? I find it difficult to make pictures that look good on all devices if the main element is not centered.

    October 23, 2014 at 12:04 pm #122632
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    October 23, 2014 at 12:32 pm #122642
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    If you could provide me with your link I will tell you the custom css

    – Kyle

    October 23, 2014 at 12:37 pm #122643
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    October 23, 2014 at 12:47 pm #122649
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I need to see your link so I can help you solve the issue, it’s no good if it’s private, I will need access

    – Kyle

    October 23, 2014 at 12:50 pm #122651
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    October 23, 2014 at 12:54 pm #122654
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .page-heading.fancy-heading {
  background-position: center right !important;
}

    – Kyle

    October 23, 2014 at 1:04 pm #122657
    torb
    Member
    Post count: 317

    Does not seem to work…. I have tried a new browser, removed the image, added it again.. and it still looks the same.

    October 23, 2014 at 1:14 pm #122660
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    October 23, 2014 at 1:19 pm #122663
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    October 23, 2014 at 1:20 pm #122664
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    October 23, 2014 at 1:22 pm #122667
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try:

    .fancy-heading-wrap .page-heading.fancy-heading {
  background-position: right center!important;
}

    – Kyle

    October 23, 2014 at 1:30 pm #122668
    torb
    Member
    Post count: 317

    Yes, that works.

    October 23, 2014 at 1:34 pm #122671
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great

    – Kyle

  • Back to forum
    Posted in: Cardinal
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register