Joomla Templates Club 406,261 posts

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#194973

Hello,

I need some assistance with the following problem. Due an unknown reason my Thememagic is not working, so I am unable to set a background color using Thememagic. What css class should I use to change the background color?

Regards,

Woekerzee

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#523483

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#523485

The site url has been submitted in the begin post.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#523487

Try This . . . .

Set up a new folder within file path — templates/ja_appolio/css and name it “custom.css”

Within that file, place the following CSS rule . . .


.t3-wrapper {
background: none repeat scroll 0 0 #F7F7F7 !important;
}

Change the color code to whatever color you want.

The following is information on how to understand/figure out COLOR HEX CODES

Hope That Helps

😎

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#523490

Thanks for that info TomC, I appreciate it. I would like to set a background color for the default template only (the homepage should be white). How am I able to do that?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#523495

So you want all of your pages within your site to have a different background color than your home page?

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#523617

Yes, that’s right!

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#523719

@woekerzee,

If you want to have a own style for each page that you can use the class suffixes.

In this case, you can add class suffix ” home” (add a space before suffix text) for Home menu items in Backend >> Menu Item >> Home menu >> Page display, then add this rule into the /templates/ja_appolio/css/custom.css file:

/* All page */
.t3-wrapper {
background-color: #FF000;
}

/* Home Page*/
.home {
background-color: #0000FF;
}

You can change the color as you wish.

Let me know if this helps.

1 user says Thank You to Nazario A for this useful post

1. TomC

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#523896

Thanks @Nazzario A.

Could you assist me with the following problem: I have heavily modified the default theme of Appolio. But, those changes are not applied to the homepage template. Once I assign the home to the default template, the video and other homepage elements are not appearing. How can I copy the same style of the default template to the homepage template?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#523990

@woekerzee,

The JA_Appolio – Home Page is using “home-1” layout, meanwhile JA_Appolio – Default is using “default” layout. If you want the homepage to go with the default style, you need to select the layout “default” for homepage style in the configuration of template in back-end.

Let me know if this helps.

---

Attachments:

1. 

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524918

@nazario Thanks!*

The problem with the t3-wrapper background-color is not fixed yet. On my login page (I am using the default template for this page) is the background color still overwriting the background defaults.*

Current result:*http://awesomescreenshot.com/0a62fgrq72
With background-colors disabled:*http://prntscr.com/2x5zun

How am I able to remove the background color*only for the login page?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#524988

@woekerzee,

You can change the background of login page by adding this rule into the file: /templates/ja_appolio/css/custom.css :

.com_users.view-login .t3-wrapper {
background: #FFFFF;
}

Hope it helps.*

[Author]

Posts