Joomla Templates Club 406,261 posts

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#203457

Hi, is there any way to use a different color rather than using current color options?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#558165

<em>@glenng 456930 wrote:</em><blockquote>Hi, is there any way to use a different color rather than using current color options?</blockquote>

Hi

You can create a new theme and add it to the template

HERE you can find a detailed userguide

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558220

It seems bit complicated though I will try. Thank you!

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

#558225

<em>@glenng 456999 wrote:</em><blockquote>It seems bit complicated though I will try. Thank you!</blockquote>

Well, the other way would be to go through the CSS of one of the existing color themes and modifying the color for every CSS rule that has a color code for that particular color theme. It will take a little time, but the benefit is not having to create an entire new theme.

A hybrid of the two methods would be to create the new color theme file and then cut-and-paste the CSS from an existing color theme into the new one … and THEN modify the relative CSS rules with your new color code(s).

Make Sense ??

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558226

Thank you @tomc , in fact I was doing the same right now. By the way, I had asked about how to extend the menu how to create custom.css file? Do I need to paste only

.navbar-default {
width: 700px;
}

or it should be added within a specific code?

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

#558228

<em>@glenng 457006 wrote:</em><blockquote>Thank you @TomC , in fact I was doing the same right now. By the way, I had asked about how to extend the menu how to create custom.css file? Do I need to paste only

.navbar-default {
width: 700px;
}

or it should be added within a specific code?</blockquote>

Try pasting that within your custom.css file — file path /templates/ja_bookshop/css/custom.css

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558233

@tomc I have created a custom.css file and added the code only but then all menu dropped. I would like to give access code though you will need VPN. Is there any otherway to extend menu?

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

#558234

<em>@glenng 457013 wrote:</em><blockquote>@TomC I have created a custom.css file and added the code only but then all menu dropped. I would like to give access code though you will need VPN. Is there any otherway to extend menu?</blockquote>

Is your site not online to where you can share the url?

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558235

@tomc Not sure if you can see, here is the link http://www-test.brais.ac.uk/

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

#558236

Add this to your custom.css file:


navbar-nav {
width: 700px;
}

Better ??

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558239

Nothing changed. I am not sure if I am doing the right though. Sorry to take your time.

---

Attachments:

1. 

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

#558240

<em>@glenng 457019 wrote:</em><blockquote>

Nothing changed. I am not sure if I am doing the right though. Sorry to take your time.</blockquote>

If you send me a PM with temporary login info, I will try to look for you

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558242

I have just sent. Thank you!

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

#558243

Okay, I set up your custom.css file for you — file path: /templates/ja_bookshop/css/custom.css – and entered the CSS rule I recommended for you. Check your site now to see if that’s better – and/or if there are additional adjustments you would like to have.

1 user says Thank You to TomC for this useful post

1. glenng

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#558244

Excellent!! Thank you very much indeed!!

[Author]

Posts