New Landing › How can we help? › Themeforest Theme Support › Dante › full width text block with full width image background

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Dante
  • September 4, 2014 at 3:05 pm #107121
    pbi design
    Member
    Post count: 82

    Hello,

    I would like to have a series of full width text blocks with a full width image background to use instead of the fancy page title option. See page: http://pbidesign.com/evolution/?page_id=6575

    Currently, I am adding the image as an alt background but I will have more than 10 full width text blocks and I am sure this isn’t the ideal way of doing it. There has to be a better way, similar to the way images are added in the paralax asset. Please let me know how it should be done.

    thanks,
    Rossitza

    September 4, 2014 at 10:11 pm #107197
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    I guess the best option is to use the Row element, setting the Background image movement to “Scroll”
    And inside the Row you can place your text element.

    -Rui

    September 10, 2014 at 2:07 pm #109124
    pbi design
    Member
    Post count: 82

    Hi Rui,

    I have used your suggestion, but it appears each background image gets cropped and they get cropped differently from one page to the next – the image height varies depending on the length of the text in the text block I have placed inside the row.

    I have uploaded images that are 1900px x 250px and I want to have them displayed at 100% on every page I use and the text block gets centered vertically. So basically I want to see the full height of the background images. How can I do that?

    Here are the three pages I have used the row element with a background image and a full width text block inside:
    http://pbidesign.com/evolution/?page_id=1333
    http://pbidesign.com/evolution/?page_id=9025
    http://pbidesign.com/evolution/?page_id=6575

    September 10, 2014 at 2:58 pm #109152
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Can you please provide me with a login so I can try and come up with a solution for you?

    – Kyle

    September 10, 2014 at 3:11 pm #109154
    pbi design
    Member
    Post count: 82
    This reply has been marked as private.
    September 10, 2014 at 3:27 pm #109166
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    On the row asset you can add vertical padding, you will just need to add some padding to show the full image, depending on how much text is within the row. I’ve added 40px padding to the row and it seems fine: http://pbidesign.com/evolution/?page_id=1333

    – Kyle

    September 10, 2014 at 3:48 pm #109190
    pbi design
    Member
    Post count: 82

    there is still a few px difference, but it’s good enough.

    September 10, 2014 at 3:52 pm #109195
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok no problem

    September 10, 2014 at 3:52 pm #109196
    inC
    Member
    Post count: 2

    HI, I’m having a similar issue where the alt background images in the text BLock (full Width) are not showing at 100%, which I want. What is the “Row asset”? Not seeing it in th Swift Builder.

    September 10, 2014 at 3:58 pm #109203
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It’s under ‘layout’, it allows you to put page builder assets in a container, and you can set backgrounds like video, image or color to the row. Much better than using full width text boxes

    – Kyle

    September 10, 2014 at 4:21 pm #109222
    inC
    Member
    Post count: 2

    Whoops, sorry. I’m using Flexform. just realized you’re talking about Dante. Any advice there?

    September 10, 2014 at 9:59 pm #109287
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Unfortunately in Flexform is not possible as standard. 🙁

    -Rui

  • Back to forum
    Posted in: Dante
Viewing 12 posts - 1 through 12 (of 12 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