fbpx

Astroid 2.4 Landed with Joomla 4 Compatibility Download Now

Welcome, Guest
Username: Password: Remember me

TOPIC: Style whole page created by JD Builder

Style whole page created by JD Builder 1 year 1 month ago #17177

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
Is there a way how to style each whole page created by JD Builder?
I know I can do it via Content Section in Astroid, but I dont want to influence non-JD Builder Joomla pages.
The only way I found is to put this in custom.css:
.jdb-layout-1 {
  margin-top: -20px;
}
However, I would have to put such code for each created JD Builder page, i.e. for .jdb-layout-2, .jdb-layout-3 etc. Is there a better way?
Last Edit: 1 year 1 month ago by heretic.
The administrator has disabled public write access.

Style whole page created by JD Builder 1 year 1 month ago #17183

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4056
  • Thank you received: 594
  • Karma: 104
Hello,

If you are using Astroid as your template, you'll have body classes such as com-jdbuilder and you can use that for whatever styling you need.
Within JD builder you can do it vai custom CSS as you specified.
Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Style whole page created by JD Builder 1 year 1 month ago #17201

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
I use JD Coax template.
Well, I am not sure how to use com-jdbuilder, so I will use jdb-layout-N :)
Thanks.
The administrator has disabled public write access.

Style whole page created by JD Builder 1 year 1 month ago #17215

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4056
  • Thank you received: 594
  • Karma: 104
That class will work too.

thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Style whole page created by JD Builder 1 year 1 month ago #17217

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
I found that com-jdbuilder affects really the WHOLE page where JD Builder content is used, so this is not what I needed. I need to style only the contents visible in JD Builder Page editor - i.e. without header, footer etc. So it seems that jdb-layout-N is the only possibility.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.566 seconds
Cron Job Starts