fbpx

An Exclusive Offer For You To Grab JD Builder Pro Check Deal of The Day

Welcome, Guest
Username: Password: Remember me

Like Using JD Builder?

Submit feature requests on github and help improve JD builder.

Submit Now

TOPIC: Need a step by step guide

Need a step by step guide 3 years 3 months ago #591

Hi Joomdev team,

Do we have a way to replicate demo.joomdev.com/atlanta/ site? I mean is there a way i can get the exact package for this template with content and just change the content to suit my need?

The slider on my site new.iabat.org is not coming on full page like yours. There are lots things need to be done for the beautification. Let me know if you can help.
Last Edit: 3 years 3 months ago by hasanmehdirizvi.
The administrator has disabled public write access.

Need a step by step guide 3 years 3 months ago #594

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3205
  • Thank you received: 508
  • Karma: 84
Hi,

You need some changes in stylesheet . Add or remove the below code in stylesheet.

Add code
#rt-subscribe .rt-container,
#rt-subscribe .rt-container [class*="rt-grid-"]{ width:100%; }

Remove
#rt-subscribe .rt-container .rt-block{ margin:10px; padding:15px; }

Path: jd_atlanta/less/template.less

Thanks
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Need a step by step guide 3 years 3 months ago #596

I did as you suggested but it didn't solve the problem. here is the snippet of my stylesheet. There is something called slider+subscribe, do we need to do anything with that?


@media only screen and (max-width:767px) {
.rt-container{ padding:20px 0; }
#rt-slider .n2-ss-align{ margin:0; }
#rt-slider + #rt-subscribe{ margin:0; }
#rt-subscribe .rt-container,
#rt-subscribe .rt-container [class*="rt-grid-"]{ width:100%; }

#rt-slider + #rt-subscribe .rt-container{ padding:20px 0; }
body .icon_description{ margin-left:25px; }
.sub-heading{ width:90%; }
body .custom.contacts-detail{ padding:10px 20px; }
body .contacts-detail{ margin:20px auto 0; }
body .ns2-wrap{
.ns2-row:last-child{ margin-bottom:0; }
div.col-2,
div.col-3,
div.col-4,
div.col-5,
div.col-6{ margin:0 1% 20px; width:48%; text-align:center; }
}
The administrator has disabled public write access.

Need a step by step guide 3 years 3 months ago #599

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3205
  • Thank you received: 508
  • Karma: 84
Please paste code in template.less and make sure you paste it on the very bottom of the file not in @media.
#rt-subscribe .rt-container,
#rt-subscribe .rt-container [class*="rt-grid-"]{ width:100%; }

Thanks
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Need a step by step guide 3 years 3 months ago #601

I deleted it from @media and added at the bottom of template.less but it is still not working. Is there a way i can share my template.less with you?
Attachments:
Last Edit: 3 years 3 months ago by hasanmehdirizvi.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.230 seconds