Before you ask please READ THIS

Full width

Hi there

How do you ensure that the website page is full width and not centered?

Comments

  • Posts: 1,758
    davidrabee123 said: How do you ensure that the website page is full width
    Just use rows with 'Full width' and 'Full width content' parameters turned on.
    davidrabee123 said: and not centered?
    Some shortcodes (like Title, Title with separator) are equipped with parameter that allows to set alignment.
    But if You want to have more control over content blocks alignment - just divide the row into several columns and use only those on the left or on the right side.
    Remember to rate our theme if you like it ;)
    All the Best.
  • Thanks but I made sure 'full width' was selected and the whole page still looks like the attached file

    any ideas how to solve?
    Screen shot 2016-03-06 at 13.33.07.png
    1210 x 708 - 68K
  • Posts: 1,758
    Can You please post me an url to your website?
    I think I'm know what's wrong, but need to be sure. There's a small glitch in last update, we'll fix this ASAP.
    Remember to rate our theme if you like it ;)
    All the Best.
  • www.creationsbyeddie.co.uk
  • Posts: 1,758
    Yep, confirmed, it's a glitch, we'll release a bug fix soon.
    For now: go to Adamant Options >> Custom style and paste these definitions:
    .a13_row_container.a13_full-row, .a13_row_container.a13_full-row.a13_full-content .wpb_row {
      max-width: none !important;
    }
    .a13_row_container.a13_full-row .wpb_row {
      margin: 0 auto;
      max-width: 1080px !important;
    }
    .wpb_column.vc_column_container.vc_col-sm-12 {
      padding-left: 0!important;
      padding-right: 0!important;
    }
    Remember to rate our theme if you like it ;)
    All the Best.
  • Hi there

    Did I do something wrong? Doesn't seem to be working

    Screen Shot 2016-03-07 at 10.57.36.png
    1443 x 1219 - 231K
  • Posts: 1,758
    No, You did it correctly, just clear browser cache.
    Remember to rate our theme if you like it ;)
    All the Best.
  • Hi there, apologies but I cleared the browser cache and it's still not working :(
  • Posts: 1,758
    Which element of the page indicates that You were not successful?
    Remember to rate our theme if you like it ;)
    All the Best.
  • Thanks

    It's really the first image at the top, cant seem to cover more than the central alignment

    http://creationsbyeddie.co.uk/
  • Posts: 1,758
    Ok, as I thought. This image is displayed just like You set it.
    Tell me what's your goal or send a blueprint of it.
    Remember to rate our theme if you like it ;)
    All the Best.
  • Thanks

    I want it to be the size of the attached
    Screen Shot 2016-03-08 at 11.23.22.png
    1864 x 1274 - 4M
  • Posts: 1,758
    ok, set the first row as 'full width' and 'full width content' and place this image into background with cover parameter.
    Remember to rate our theme if you like it ;)
    All the Best.
  • Posts: 1,758
    Or:
    set the first row as 'full width' and 'full width content' AND resize this image.
    Remember to rate our theme if you like it ;)
    All the Best.
  • Perfect thanks so much
  • Thanks so much for all your help

    Really like this layout (attached). One last thing, is there an easy way of overlaying text over images like they have?
    Screen Shot 2016-03-08 at 19.28.57.png
    1922 x 1146 - 4M
  • Posts: 1,758
    davidrabee123 said: One last thing, is there an easy way of overlaying text over images like they have?
    Yes. Put the image into background and design text with shortcodes 'Text block' and/or 'Custom Header'.

    Remember to rate our theme if you like it ;)
    All the Best.
  • Thanks, problem I'm having is that the background doesn't adjust to mobile. If you look at virtualwalkthrough.com and scroll down to the bottom, the image doesn't scale to the mobile screen
  • Posts: 1,758
    It is scaling down, it is set to cover entire row and it does so.
    If You want to see entire image that is put into background - set it to 'contain'
    Remember to rate our theme if you like it ;)
    All the Best.
  • Appreciated

    Sorry can't find the contain button, where is it?
  • Posts: 1,758
    ok,
    edit row You want to change, give it an extra class 'bg_img_contain'

    then go to Adamant Options >> Custom Style and paste this definition:
    .bg_img_contain {
      background-size: contain;
    }
    Remember to rate our theme if you like it ;)
    All the Best.
  • Unfortunately didn't seem to work, not sure why. Thanks for all your help
  • Posts: 1,758
    Send me via private message login credentials to admin panel of http://creationsbyeddie.co.uk/ and write exactly which image and which row You want to modify, and how You want it to look.
    Remember to rate our theme if you like it ;)
    All the Best.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!