fbpx
Introducing JD Builder - Now Beat the unbeatable designsDownload For Free
Welcome, Guest
Username: Password: Remember me

You can build one page sites with Astroid

Did you know that you can build one page website web Astroid, without using any 3rd party extension

Watch the tutorial

TOPIC: Style whole page created by JD Builder

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

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 40
  • 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 month 1 day ago by heretic.
The administrator has disabled public write access.

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

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 2851
  • Thank you received: 439
  • Karma: 91
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 month 1 day ago #17201

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 40
  • 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 4 weeks 2 days ago #17215

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 2851
  • Thank you received: 439
  • Karma: 91
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 4 weeks 2 days ago #17217

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 40
  • 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.
Time to create page: 0.258 seconds