How to achieve 100% Width and Height in a 2-Column ?

  • dannyogolo

    (@dannyogolo)


    5 years, 1 month ago

    I want to have 2 columns as the header of my website (the first being about 50% width and containing a slider Plugin)

    I want the slider images to takeup the full width and height of the Column, I dont want any space or padding.

    Also I want the columns to be in a Full Width Row.
    This way, the slider has no space or padding from the left.

    The plugin I am using is Meta Slider.

    Right now, I see lots of spaces around the slider, which I dont like.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Ben Carlo

    (@hinampaksh)

    5 years, 1 month ago

    Hey @dannyogolo,

    Do you think you can share the URL of the page you’re working on so we can check? 🙂

    Ben

    Thread Starter dannyogolo

    (@dannyogolo)

    5 years ago

    http://www.betondraws.com

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    5 years ago

    Hey @dannyogolo,

    The Text Editor module uses the tinymce editor which automatically adds paragraph tags which added extra space on your slider. Moving the shortcode to an HTML module should remove this.

    The module holding the slider still has its default margin of 20px on all sides as well. You’ll need to remove this to remove the spacing around the module container.

    The 2 points above need to be done on the module on the right hand side as well.

    Lastly, the row still has the default 20px padding on all sides. Removing this should remove all extra spaces around the entire row.

    Below is a screenshot of how it looks like after. 🙂

    View post on imgur.com

    Ben

    • This reply was modified 5 years ago by Ben Carlo.
    Thread Starter dannyogolo

    (@dannyogolo)

    5 years ago

    I read about the 20px default padding. I couldnt find how to remove it without affecting other rows.

    Can you point me to a place i can read how to remove the 20px padding for individual rows?

    Thread Starter dannyogolo

    (@dannyogolo)

    5 years ago

    Can i get a better help pls?

    Thread Starter dannyogolo

    (@dannyogolo)

    5 years ago

    Still expectant

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    5 years ago

    Hey @dannyogolo,

    Apologies for the delayed response here.

    You can actually assign a different set of padding per row. Just head over to Row Settings > Advanced > Padding. This setting only affects the row in question, not all rows on your site. 🙂

    Ben

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to achieve 100% Width and Height in a 2-Column ?’ is closed to new replies.