Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #978803
    MrsX
    Participant

    Hello dear staff,

    I’m struggling to get my homepage lay out straight. I am using content band with a bg image. I want to adjust my text to have a padding from the left, in % (so I can move the text more to the right; now it is so glued to the borders of my screen).

    Second, my image is “floating”. What I mean by that is that the bottem border of my photo, is not corresponding with the bottem border of the green bg image. My photo’s bottom is higher than the bottem of the green bg.

    Can you help me solve this?

    Thanks so much! I will add details in the private comment below.

    #978804
    MrsX
    Participant
    This reply has been marked as private.
    #979467
    Jade
    Moderator

    Hi there,

    There are a few sections and elements in the homepage and I am not certain which section you are aiming to add some styles to. Would you mind pointing out which section or sending us a screenshot so that we can help you further? Thank you.

    #980127
    MrsX
    Participant
    This reply has been marked as private.
    #980561
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the screenshots. It was very helpful. I went ahead and edited this already because I also responded your other thread with how to order the elements to be displayed in smaller screens. What I did with the text is this:

    <h5 style="margin: 0 10%;"><span style="color: #ffffff;"><strong>Stop met worstelen!
    Ervaar meer plezier
    & een diepere verbinding
    met je kind en jezelf</strong></span></h5>

    If you want to move the text a little bit to the right, you just simply increase the 10% margin.

    #982053
    MrsX
    Participant

    Aaaah thanks heaps Rue Nel!!! 🙂
    Learned a new thing 🙂

    #982160
    Joao
    Moderator

    That is great,

    Let us know if you need further help.

    Joao

  • <script> jQuery(function($){ $("#no-reply-978803 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>