How To Center A Helix 3 Row? - Question | JoomShaper

How To Center A Helix 3 Row?

L

luis

Helix Framework 3 years ago

I am trying to add a new section/row to place an ad below my logo on the Newsberg template. But I can't seem to find how to center it. Any help would be greatly appreciated!

0
7 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #14482

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (min-width: 426px){
  #top-ad{
    padding: 0 25% !important;
  }
}

This will apply to screens bigger than mobile. You can also use Paul's CSS. Then you do not need to specify the screen size.

#top-ad img {
    text-align: center; 
    margin:0 auto;
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #14320

Hello luis

Please share a screenshot of your issue to understand it better. Which addon you will use in the section/row? Share the details.

Best regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #14321

Hi, probably you have to use custom CSS or only margin setting in the row option. But as Ofi said without URL --- hard to help.

0
L
luis
Accepted Answer
3 years ago #14325

Hello, thanks for the reply, here is a screenshot of what I mean. the top large banner is what I am talking about. https://ibb.co/MDhrTtK https://ibb.co/PNBfdb5

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #14332

Check the Top Ad section settings -> Style -> Padding. There set the left and right padding. Try setting the padding value 0 25%

Screenshot at Apr 16 12-21-58.png

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #14333

I hope you know the main rule: you can center img only INSIDE column.

May help:

#top-ad img {text-align: center; margin:0 auto;}

0
L
luis
Accepted Answer
3 years ago #14449

Thank you Ofi,

0 25% did center it, but the problem is it applies on mobile also and the ad becomes very small.

Paul,

I am sorry this is the first time I am using the helix framework, where would I paste that code to try it out?

Thank you

0