text too close to edge in Ceckito

• Question status -
• Mark Painter

  Participant

  Everything is working perfectly using the scenario below except that my text in the left-hand box is right up against the edge of the page. It looks rather unprofessional. I need to either add some padding or margin to each iconbox or place the entire set in something that I can add a margin to. I will continue to try some things to figure it out but it would be better if you could share some of your brilliance with me.

  I cannot change the overall page coverage as I need all other sections to extend to the edge for image coverage. Therefor I need to adjust just the section I am working in, or make a change to the one_fourth portion in the CSS and only use it when I need the margin as such.
  ——————————————————————————————-
  My page:

  Page is setup using the “Multi Sections” template and the section in question is setup as follows:

  [one_fourth first]
  [iconbox mode=”centered_circled” icon=”fa-star” title=”Core Beliefs”]

  (Then each of the iconbox sections are filled and working perfectly
  then:)

  [/iconbox]
  [/one_fourth]
  —————————————————————————————-
  Pretty basic except the problem with the text. I will keep messing with the css and trying to find a way to define a margin in the field itself.
  Any guidance would be appreciated!

  October 3, 2015 at 4:56 am #5624
  Support Staff

  Keymaster

  Hi Mark,

  you could do something like this:

  
  <div style="padding: 0 6%;">
  
  [one_fourth first]
  [iconbox mode=”centered_circled” icon=”fa-star” title=”Core Beliefs”]
  
  (Then each of the iconbox sections are filled and working perfectly
  then:)
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur labore ipsa esse alias voluptates doloribus, ab earum praesentium, possimus aut sequi suscipit ad? Debitis, et, omnis. Eaque ducimus repellat, provident recusandae. Molestiae quod quidem cumque quos, dolore provident voluptates, possimus ad, ab eveniet praesentium vero suscipit delectus impedit quasi maiores.
  
  [/iconbox]
  
  [/one_fourth]
  
  [one_fourth]
  [iconbox mode=”centered_circled” icon=”fa-star” title=”Core Beliefs”]
  
  (Then each of the iconbox sections are filled and working perfectly
  then:)
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur labore ipsa esse alias voluptates doloribus, ab earum praesentium, possimus aut sequi suscipit ad? Debitis, et, omnis. Eaque ducimus repellat, provident recusandae. Molestiae quod quidem cumque quos, dolore provident voluptates, possimus ad, ab eveniet praesentium vero suscipit delectus impedit quasi maiores.
  
  [/iconbox]
  
  [/one_fourth]
  
  [one_fourth]
  [iconbox mode=”centered_circled” icon=”fa-star” title=”Core Beliefs”]
  
  (Then each of the iconbox sections are filled and working perfectly
  then:)
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur labore ipsa esse alias voluptates doloribus, ab earum praesentium, possimus aut sequi suscipit ad? Debitis, et, omnis. Eaque ducimus repellat, provident recusandae. Molestiae quod quidem cumque quos, dolore provident voluptates, possimus ad, ab eveniet praesentium vero suscipit delectus impedit quasi maiores.
  
  [/iconbox]
  
  [/one_fourth]
  
  [one_fourth]
  [iconbox mode=”centered_circled” icon=”fa-star” title=”Core Beliefs”]
  
  (Then each of the iconbox sections are filled and working perfectly
  then:)
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur labore ipsa esse alias voluptates doloribus, ab earum praesentium, possimus aut sequi suscipit ad? Debitis, et, omnis. Eaque ducimus repellat, provident recusandae. Molestiae quod quidem cumque quos, dolore provident voluptates, possimus ad, ab eveniet praesentium vero suscipit delectus impedit quasi maiores.
  
  [/iconbox]
  
  [/one_fourth]
  </div>
  

  Just adding a <div style="padding: 0 6%;"> before and after the columns will fix it. Note that you must do it in text mode, not visual (top right corner of the editor). Change 6% to whatever you want off course. Let me know if this helps.

  Regards,
  Sinisa

  October 3, 2015 at 10:17 am #5625