-
AuthorPosts
-
February 27, 2017 at 7:46 pm #752443
Rather than go full width I would like to indent a row of 1/3 content boxes. They have borders so it is not a matter of padding. but of an 8% margin indent left and right. I created three of these rows as you can see where there are 9 boxes with logos in them:
http://www.dev-ep.cagraphicdesign.biz/services/leadership-learning/I assume there is no setting in the enfold options area for an alternate layout since i am using this sort of indent throughout the site. For the other instances I just used padding of 8% left and right and that was fine because there were no borders on them.
If you need access to the site see private content.
March 1, 2017 at 9:06 am #753530Hey cagraphicdesign,
Thanks for the link, though I’m not sure what you need help with?
Best regards,
RikardMarch 1, 2017 at 2:23 pm #753727OK. The section where I have three rows of three ruled boxes…I would like the total width of each row to not go to full width but to go only as wide as the content boxes ABOVE it which are 84% of the full width.
I hope that explains the issue.
Thanks!March 3, 2017 at 5:48 am #754813Hi,
Ok, thanks for the explanation. It’s difficult to target just that element unfortunately, could you try giving it a unique class? http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. Then you should be able to use something like this in Quick CSS:
.your-class { display: table; width: 84% !important; margin: 0 auto !important; }
Best regards,
RikardMarch 3, 2017 at 6:35 am #754837You are right. It did not work because its three separate boxes. I even tried putting it in a color background and that just made a big indent on the right side but made everything stick out further on the left. Oh well, maybe I should try a different way of making this grid rather than jamming three rows of 1/3 content boxes together.
Thanks for trying.March 4, 2017 at 8:51 am #755544 -
AuthorPosts
- You must be logged in to reply to this topic.