Joomla Templates Club 406,261 posts

[chriscakes Friend chriscakesJoin date: September 2009Posts: 59Downloads:0Uploads:12 Thanks: 5]

#187430

I purchased this joomla package only for this template and when I seen it and read the details it said it was very easy to customize. I’ve been spending hours upon hours trying to change the smallest thing from the size of the logo to the color of each section to the background of the header. I wonder why is it they would make a site so hard to configure for people like myself that aren’t a joomla expert or a css expert but I’ve been buying Joomla packages for years now and I have never found a template so hard to configure, EVER.

1) I need help changing the background of the sections on my site that are white to black
2) I need help changing the header from white to black
3) I need help changing the contact form from black to white or another color
4) I need help changing the text from black to white

I really need help solving these issues today. I have purchased multiple JA packages and I have never actually finished a site, hopefully I can do it today with anybody’s help

PLEASE !!!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#492585

Hi Chris,

I really understand your difficulties because It is the first time you work with our template on T3 framework. Here is my detailed answer on your concern:

1) I need help changing the background of the sections on my site that are white to black

>> In JA Onepage default style, we have 2 section (introducing, team) which have white background.
Put below codes into <blockquote>templates/ja_onepage/css/custom.css</blockquote> on your server.


.section2 {
background: none repeat scroll 0 0 #000000;
}

.section4 {
background: none repeat scroll 0 0 #000000;
}

2) I need help changing the header from white to black

>> Put below codes into custom.css too.

.ja-header {
background: none repeat scroll 0 0 #FFFFFF;
}

3) I need help changing the contact form from black to white or another color
Put these below in the end of custom.css file too.

ul.form-list li .input-box input, ul.form-list li .input-box textarea {
background-color:#FFFFFF; /*Change with your color*/
}

4) I need help changing the text from black to white

>> Can you put your url here & tell me the texts of which section you want to change color ?
Because, by default we style different text color for different sections.

Leo

[edgrla Friend edgrlaJoin date: April 2013Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 2 times in 2 posts]

#492598

Hi mate, it sure is a hard template but when you kinda work it out it is as good as you hoped it would be.

The best tips I can give you are:

1) have 2 instances running – the first a clean version of the template on top of your main domain hosting account, and then a second full ‘quickstart’ version (including the demo content) in a sub directory. That way you can look at the things you’re trying to copy/change and then copy & paste the various settings in the template and modules.

2) You need to understand that what you’re looking at in the demo are modules, with specific settings and suffixes, on a home page menu option. The module class suffixes can refer to css settings in the template, specifically in relation to ‘sections’, and you set these in the ‘theme magic’ part of the template administrator. You need to make the adjustments, save the changes and then compile the ‘LESS’ to css but it does work and there’s a few posts about it in this forum.

Also, I know it sounds obvious (and apologies if you know this already) but there should be a space before any characters in the module suffix field. Again, this is where having a quickstart version to cut and paste the settings from came in handy for me.

3) Lastly, use Firefox & Firebug to find the specific line of CSS code in the demo that you want to change (colours etc), make the amends to your live files using an editor like Sublime Text and then copy the amended CSS file into your live server via ftp. There is a lot of CSS in this template (and increasingly all good templates as far as I can see) but if you can work out a way to isolate the bit you want to change and make those very simple adjustments you won’t need to actually learn full CSS coding.

tip – sometimes the thing you want to do is already in one of the demo themes, so check for that bit of css code and then copy/paste it from that theme’s version of the css file.

Hope that helps even a bit…:)

Russ

1 user says Thank You to edgrla for this useful post

1. JA Developer

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#492700

Hi,

Thank for your shared tips.

Leo

[Author]

Posts