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.

Background colour

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

Here is a screenshot of an old Dreamweaver html site that I want/need to recreate.

Image1_2016-04-14.png


Is it possible to change the background colour outside my pages. I tried 'Body Background' under theme options but that changes my pages as well.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Are you planning to use the buildr theme and the Xero file?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
To be truthful, I wouldn't know how to do that!

I have only used the Xero quick start package as I am comfortable with that, here's a link to where I have got to so far:

www.groupstestbed.co.uk/index.php/my-first-article

What I need to get change the colour outside left and right without changing the article background, if possible. Unless of course you tell me something different?

Thanks.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Try adding

.mainwrap.zen-spotlight, #footerwrap .zen-spotlight {background:#fff}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Oh thank you Paul, I am so close! I'm attaching my custom.css because I have obviously done something and don't know what!

On the outside of my article/page, I have no border and my text is right on the edge.

Also is there a way of changing the colour of the border around my modules in the sidebars? they are set to 'border primary1'?

Cheers
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Right for that you would want to add some padding

You could do these several ways

Looking at www.groupstestbed.co.uk/index.php/my-first-article

#footerwrap ul {padding: 1em;} or
#sidebar-1 p {padding:0 1em}

Is the border all round the site? - where should it be?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Regarding primary you could change the primary coour globally in the template settings

or you could target it using css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Forgot to add the the file!




Sorry about that.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
The attachment hasn't made the journey

Was the suggestions for padding useful?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
second attempt:





Browsed but didn't insert sorry.

Just seen what you are saying about adding, but before I do, would you be kind enough to give this the once over before I make any more changes to the custom?

Many Thanks.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Wrong bloody format!


File Attachment:

File Name: css_2016-04-14.doc
File Size: 25 KB


Got it now!
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Was the suggestions for padding useful?

I have put them both into the Custom.css and it has made no difference.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

I can see padding applying on the sidebar p and the #footerwrap ul

Cheers
Pul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For looking at css I'd always try viewing in the browser and view / test using the chrome web developer toolset

F12 on a pc

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

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

Happy Campers