Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Margins for Responsive2

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

8 years 10 months ago
Hello,

I am trying to adjust the margins of my Joomla site, using Responsive2 2015 from Quickstarter. I would like to trim them so that a background image I have set shows also partially on left and right margins.

What I have tried so far is:

1. Modify the template widths via template manager.
2. Modify the template.css margins using custome.css for several items.
html {
background-image: url('../images/background.jpg');
width: 80%;
margin: 200px 200px 200px 200px;
}
body {
margin: 200px 200px 200px 200px;
}
textarea {
margin: 200px 200px 200px 200px;
}
.container {
max-width: 100%;
margin: 200px 200px 200px 200px;
}
main .container {
padding: 0;
width: 100%;
margin: 200px 200px 200px 200px;
}
.zen-row {
margin: 200px 200px 200px 200px;
}
.no-row-margin {
margin: 200px 200px 200px 200px;
}
.row {
margin: 200px 200px 200px 200px;
}
.container .row {
margin: 200px 200px 200px 200px;
}
.zen-container {
width: 980px;
margin: 200px 200px 200px 200px;
padding: 0 !important;
}

These changes had no effect on the layout.
I wonder how I could trim the margins to show part of the background image.

Thanks.
  • D M Granado's Avatar
  • D M Granado
  • 3 Month Basic
  • 2 posts
  • Karma: 0
The administrator has disabled public write access.
8 years 10 months ago
Hi There,

Do you have a link for the site?

Do you have a screenshot of what you are wanting to achieve?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
8 years 10 months ago
Dear Paul,

Thanks for your fast response.

The link to the website is

www.veneziati.net

I would like to achieve what is shown in the snapshot. The red bands on left and right would be the margins, and they would have to show the background image, that you can partially see in the live website if you scroll down to the bottom.
Thanks again.

Best,

Didac
Attachments:
  • D M Granado's Avatar
  • D M Granado
  • 3 Month Basic
  • 2 posts
  • Karma: 0
The administrator has disabled public write access.
8 years 10 months ago
Hi Didac,

I would do the following:

1. Change the body bg to your red colour in the template settings.
2. And then in the custom.css I would add this to your custom.css to make that kind of change.

.zen-spotlight {background:#fff !important}

That should do what you need.

Thanks!
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close