Public Forums 71,145 posts

[dylan29 Friend dylan29Join date: February 2008Posts: 4Downloads:0Uploads:0]

#130308

Because costtechnical reasons I am the person appointed to create a website for our company, I’ve chosen for joomla with the ja_purity template.
A number of adjustments that I wanted to do succeeded, only am I left with 2 things.
1) adjust the background color in the search box, I think the place to be is /templates/ Ja_purity/styles/header/ and then the style.css

(I’ve already created a template style)
I made the following change :

# ja-search (
background: url (images / icon-search.gif) no-repeat center left;
)
# ja-search. inputbox (
border: 1px solid # 005A87;
Color: # C3DFED;
background: # 1E7CAB;

IN:

# ja-search (
background: url (images / icon-search.gif) no-repeat center left;
)
# ja-search. inputbox (
border: 1px solid # CC0000;
Color: # CC0000;
background: # FFFFFF;

but unfortunately no white background.
The intention was a white background with red border.
does anyone have some suggestions?

The 2nd “problem” is that I have the website set to a fixed 1000px.
Now I would like the left and the right side of the website look like this website with a nice shadowedge and a top to bottom even color.
Is this even possible, even for an newbee like me?
someone suggestions ?

This is the website http://www.gracon.eu

thanks in advance.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#257190

For the search,take a look in style.css line 26:

#ja-search .inputbox {
background:#1E7CAB;
border:1px solid #005A87;
color:#C3DFED;
}
for your Q2, are you able to make a image on how you want it?

[dylan29 Friend dylan29Join date: February 2008Posts: 4Downloads:0Uploads:0]

#257193

Thanks for the reply,

I have edited the style.css file, but no luck so far.
The background of the search box remains blue.
Is there maybe an other file who overrides the style.css?

for Q2 something like http://www.dutchjoomla.org/ and the specific the outer sides of the website. (the white with the shadow edge)

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#257197

Did you edit this stylesheet: http://www.gracon.eu/templates/ja_purity/styles/header/gracon/style.css?
It still shows same as before

[dylan29 Friend dylan29Join date: February 2008Posts: 4Downloads:0Uploads:0]

#257203

yes I edited this file, this is strange when I look with firefox/ css/ show css is see the changes made like you suggested it.
Also checked it through FTP

[dylan29 Friend dylan29Join date: February 2008Posts: 4Downloads:0Uploads:0]

#257830

replaced the complete style.css and then edited the file again.
problem solved, don’t know what was causing the problem
thanks for the help

[njbarbour Friend njbarbourJoin date: June 2008Posts: 23Downloads:0Uploads:0 Thanks: 3]

#266103

Menalto

I have a similar Q. Can I change backround colour from plain white and the text from black ?

Thanks

njb

[iveedu Friend iveeduJoin date: January 2011Posts: 4Downloads:0Uploads:1]

#370939

Hello everybody..This is ja_purity_ii template. Could anyone help me with information how to adjust column width. It is 80% – 20% now as show in the attached. I need it to be 65% 35%…thank you very much. Appreciated…

Regards,
iVeedu Team

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#371302

dear iveedu,

the easiest way is to open ja_purity_iilayoutsdefault.php, and change this:

$this->_basewidth = 20;
to:

$this->_basewidth = 35;

[iveedu Friend iveeduJoin date: January 2011Posts: 4Downloads:0Uploads:1]

#371410

Good info. Thank you!

Is it possible to show different column width for different menus?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#371580

dear,

Yes its possible, the menu item is defined by the “Itemid” in the url, you can catch the param and change the width accordingly, replace the line:


$this->_basewidth = 20;

by:


switch($_GET["Itemid"]){
case 123:
$this->_basewidth = 30;
break;
case 456:
$this->_basewidth = 20;
break;
}

with 123,456 are your menu item id (watch them in the url)

[Author]

Posts