Joomla Templates Club 406,261 posts

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#197490

Hi again

I’m using the green-brown theme which, for the most part, is fine. However I don’t like the background colour of the modules in user1 – user3 positions:

I’d like them to be more like this colour:

I’d be grateful to know if this can be done?

---

Attachments:

1. 
2. 

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

#534012

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

Also, please advise as to which version of JA University you are using.

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534065

Hi

now I’m getting really confused.

<em>@TomC 425807 wrote:</em><blockquote>So that we can try to best assist you, please provide the url of the site you’re working on…..</blockquote>

Localhost at present.

I’m using JA Community Plus – latest version I presume. What is JA University?

Also, “Optimize CSS” options is set to ‘Join & Minify’

I can’t see an option for ‘No/Off’

The options are:

‘No’
‘Linked files’
‘Join & Minify’
‘Join & Minify & Compress’

---

Attachments:

1. 

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

#534066

<em>@falcone 425874 wrote:</em><blockquote>Now I’m getting really confused.

I’m using JA Community Plus – latest version I presume. What is JA University?</blockquote>

My apologies . . . Which version of JA Community are you using? (For which Joomla version – J2.5, J3?)

<em>@falcone 425874 wrote:</em><blockquote>Also, “Optimize CSS” options is set to ‘Join & Minify’

There is no option for ‘On/Off’

The options are:

‘No’
‘Linked files’
‘Join & Minify’
‘Join & Minify & Compress’

</blockquote>

Set to “No”

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534068

I think it’s Joomla 3 and I’ve now set it to ‘No’.

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

#534069

<em>@falcone 425877 wrote:</em><blockquote>I think it’s Joomla 3 and I’ve now set it to ‘No’.</blockquote>

Ok … Now all I need is the url of the site you’re working on

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534070

<em>@TomC 425878 wrote:</em><blockquote>Ok … Now all I need is the url of the site you’re working on</blockquote>

Unfortunately, only Localhost at present.

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

#534071

Okay here is what you can try . . . .
(Assuming you are using the most current (J3.1) version of JA Community Plus )

First, create a file and name it “custom.css” within file path –> /templates/ja_community_plus/css

Within that custom.css file, paste the following CSS:


#ja-topsl .main {
background: url("../templates/ja_community_plus/images/topsl-bg1.gif") repeat-x scroll left bottom #E7E6E1
border-bottom: 1px solid #928F85
color: #70635B
padding: 10px 0 20px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

That should override the brown color theme for those positions and get you the original grey background color you indicated you liked better.

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534072

<em>@TomC 425880 wrote:</em><blockquote>Okay here is what you can try . . . .
(Assuming you are using the most current (J3.1) version of JA Community Plus )

First, create a file and name it “custom.css” within file path –> /templates/ja_community_plus/css

Within that custom.css file, paste the following CSS:


#ja-topsl .main {
background: url("../templates/ja_community_plus/images/topsl-bg1.gif") repeat-x scroll left bottom #E7E6E1
border-bottom: 1px solid #928F85
color: #70635B
padding: 10px 0 20px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

That should override the brown color theme for those positions and get you the original grey background color you indicated you liked better.</blockquote>

Didn’t work unfortunately.

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

#534073

<em>@falcone 425881 wrote:</em><blockquote>Didn’t work unfortunately.</blockquote>
It would be very helpful if you could upload your site to your web server so it could be viewed online.

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534074

Done

Here

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

#534076

Within file path –> /templates/ja_community_plus/themes/brown-green/css/color.css
at line 20, you will see the following:


#ja-topsl .main {
background: url("../images/topsl-bg1.gif") repeat-x scroll left bottom #84674E
border-bottom: 1px solid #3D250E
border-top: 1px solid #A2876C
color: #251C15
}

Modify as follows:


#ja-topsl .main {
background: url("../templates/ja_community_plus/images/topsl-bg1.gif") repeat-x scroll left bottom #E7E6E1
border-bottom: 1px solid #928F85
color: #70635B
padding: 10px 0 20px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

That should override the brown color theme for those positions and get you the original grey background color you indicated you liked better.

1 user says Thank You to TomC for this useful post

1. falcone

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534077

Wow,

worked like a dream……..may want it a little darker but may be able to do that from here.

Awesome….I’m so grateful.

And, if I wanted to change the text colour?

And the background colour of the slideshow?

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

#534082

<em>@falcone 425889 wrote:</em><blockquote>Wow,

worked like a dream……..may want it a little darker but may be able to do that from here.

Awesome….I’m so grateful.</blockquote>

Happy to have been of assistance. 🙂

And, if I wanted to change the text colour?

Which text?

And the background colour of the slideshow?

That is a bit more involved – as that “background” is actually a combination of a couple different CSS rules.

Something that really helps with this kind of thing is utilizing an online web development tool – such as FIREBUG. This is what I use, primarily, to identify and test out CSS modifications.

1 user says Thank You to TomC for this useful post

1. falcone

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534127

<em>@TomC 425897 wrote:</em><blockquote>

Which text?</blockquote>

Thanks Tom it’s this text

---

Attachments:

1. 

[Author]

Posts