Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1292466
    Eyoael
    Participant

    Hi,

    I would like to create something similar to the band demo http://demo.theme.co/band/about/ where you have marginless columns and no column container. What is the ideal image size to use and how can i center the text so that it looks good?

    #1292515
    Christopher
    Moderator

    Hi there,

    The image dimensions should be around 800*500px. Please add text-align:center; in text style filed.

    Hope it helps.

    #1292544
    Eyoael
    Participant
    This reply has been marked as private.
    #1292630
    Friech
    Moderator

    Hi Eyoael,

    It seems you already achieve what you need?


    screenshot

    The only thing left to do is add a class mbn to the left column (where the image is) so it wont have a white space at the bottom.

    Please clarify.

    Thanks.

    #1292755
    Eyoael
    Participant

    Hi,

    yeah you are right i’m almost where i want to be, but it’s just not yet there. I want to create the same thing as this page http://highgradelab.com/navy/corporate/. What is missing to make just like the example page?

    Best regards
    Eyoael

    #1292758
    Eyoael
    Participant

    Hi,

    When i check the site on my laptop for instance the column on the right side size longer than the image, they are not aligned equally.

    Best regards
    Eyoael

    #1292864
    Christian
    Moderator
    #1294002
    Eyoael
    Participant

    Hi,

    I have followed the tutorial, but i’m still not there yet. The main problem still persists ergo when i view the section on the laptop and the to ipad views the right side column covers the image to much (if that makes sense) i want it be perfectly aligned so that the image occupies half of the screen and the image the other half. I have tried to fiddle around with the px but i can’t get it the way i wanted it to. Do you think that this is because of the image size or is there something else that i’m missing?

    Best regards
    Eyoael

    #1294045
    Christian
    Moderator

    As said in the link provided:

    This will crop out portions of your photo

    You can add background-position property for additional adjustment. See http://www.w3schools.com/cssref/pr_background-position.asp for more details.

    The image size is not too important in this case. What’s important is your image aspect ratio. Regretfully, we could not help you with that as that would be quite involved. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

    Thanks.

    #1294277
    Eyoael
    Participant

    Hi,

    Ok no worries i’ll figure it out but thanks for the help.

    #1294317
    Christian
    Moderator

    You’re welcome.

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