New Landing › How can we help? › Atelier › image banner text: Bottom right alignment

Viewing 10 posts - 1 through 10 (of 10 total)
  • Back to forum
    Posted in: Atelier
  • November 23, 2015 at 9:02 pm #230790
    kblochowski
    Member
    Post count: 43

    Hi,

    I’d like to create some image banners where the text is aligned in the bottom right of the image, and I’d like the bottom and right margins to be equal. I’ve been trying to create a special css class, but can’t seem to make it work out. Any hints?

    Thanks,
    Ken

    November 24, 2015 at 7:16 am #230825
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issue to check and found the solution.
    Thanks
    Mohammad

    November 24, 2015 at 8:09 am #230843
    kblochowski
    Member
    Post count: 43

    The site isn’t launched yet. It’s new and I am trying to build a page, so there is no url. But there is no setting in the image banner element to achieve what I’m hoping to do, so I’m wondering if there is some css available.

    November 24, 2015 at 8:11 am #230844
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach marked screenshot to indicate the issue.
    Thanks
    Mohammad

    November 24, 2015 at 5:31 pm #231053
    kblochowski
    Member
    Post count: 43

    Here is an illustration of what I am trying to do:

    Attachments:
    You must be logged in to view attached files.
    November 25, 2015 at 8:43 am #231139
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please choose the Content Position center and Content text align center at image banner element of swift page builder edit.
    Thanks
    Mohammad

    November 25, 2015 at 9:42 am #231166
    kblochowski
    Member
    Post count: 43

    This is not a response to my query. I don’t know how to be more clear. I’m trying to figure out how to align the text at the BOTTOM RIGHT of an image banner–to make it look like second example in the mockup image that I sent you. I believe that this must be accomplished through CSS since there is not a setting for doing this in the Image Banner Swift page builder asset.

    November 25, 2015 at 10:19 am #231175
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please choose the settings as i told you in last reply and use this custom css code:-

    .image-banner-content.content-center{
margin-bottom: -150px !important;
margin-left: 50px !important;
}

    Thanks
    Mohammad

    November 25, 2015 at 10:19 pm #231391
    kblochowski
    Member
    Post count: 43

    Thanks Mohammad. That sort of works, depending on the size of the image that you use for the banner. With bigger or smaller images, or when the image banner gets resized for a different view screen (phone, tablet, browser window) the text moves all over the place. Is there any other solution?

    November 26, 2015 at 7:49 am #231425
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please live your website first to check. I will investigate and fix it.
    Thanks
    Mohammad

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

You must be logged in to reply to this topic.