1. Django
  2. Helix Ultimate
  3. Tuesday, 11 August 2020
Hello.
To customize the custom fields CSS, with the web developper in Firefox I only find CSS in bootstrap.min.css.
But I don't find how to align the custom fields horizontally, and I wish they would be responsive, to be for ex in 4 columns on desktops, and 1 column on mobiles.

How can I do that ?

A few hours later : Finally, it works with this in the custom.css :

dd {
margin-bottom: .5rem;
margin-left: 30px;
}

dl, ol, ul {
box-shadow: inset 0 0 , 0 0 2em lightgray;
padding: 20px;
display: flex;
flex-flow: row wrap;
}
Responses (5)
Accepted Answer Pending Moderation
Hello Django,
Thank you for your question. Please go to Extensions -> Templates (Style) -> shaper_helixultimate -> Template Options -> Layout Builder and find your module position. Then edit the responsiveness there. Follow this documentation to learn about Layout Builder: https://www.joomshaper.com/documentation/helix-framework/helixultimate#layout-builder

- Best regards
  1. more than a month ago
  2. Helix Ultimate
  3. # 1
Accepted Answer Pending Moderation
I think your answer concerns only the 2nd point, about the responsive display of the custom fields, but I could do it (even responsive) with the custom code I added in my first post.
Thanks.
  1. more than a month ago
  2. Helix Ultimate
  3. # 2
Accepted Answer Pending Moderation
In fact, this custom CSS is applied to all the modules.
How can I apply it ONLY to the custom fields ?
  1. more than a month ago
  2. Helix Ultimate
  3. # 3
Accepted Answer Pending Moderation
Did you mean joomla custom fields? If so, each field have the ability to add a class. Use this for unique your code.

1.jpg
Attachments (1)
  1. more than a month ago
  2. Helix Ultimate
  3. # 4
Accepted Answer Pending Moderation
That's what I finally did. Thanks.
  1. more than a month ago
  2. Helix Ultimate
  3. # 5


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.