-
AuthorPosts
-
global21 Friend
global21
- Join date:
- March 2011
- Posts:
- 134
- Downloads:
- 37
- Uploads:
- 43
- Thanks:
- 31
- Thanked:
- 5 times in 3 posts
August 24, 2011 at 8:27 pm #167757HI,
How do i change the colour of the outter box around the search box. as you can see from the screen shot i have changed the header to white and now this is blending in which looks odd.
thanks in advance.
pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
Manos ModeratorManos
- Join date:
- February 2014
- Posts:
- 2806
- Downloads:
- 46
- Uploads:
- 56
- Thanks:
- 200
- Thanked:
- 633 times in 576 posts
August 24, 2011 at 9:40 pm #408251Hi,
You can find the proper code on template.css
#ja-search form {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-attachment: scroll;
background-clip: border-box;
background-color: #0A0A0A;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 10px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #FFFFFF;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 10px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FFFFFF;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 10px;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 10px;
height: 23px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 7px;}
And change colors according to your needs!
Regards
Manos
1 user says Thank You to Manos for this useful post
pritam Friendpritam
- Join date:
- April 2011
- Posts:
- 609
- Downloads:
- 0
- Uploads:
- 29
- Thanks:
- 11
- Thanked:
- 125 times in 113 posts
August 25, 2011 at 5:38 am #408306Hello global21 ,
To Change colour of the outter box on search
Find this code at template.css
<blockquote>#ja-search form {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #0A0A0A;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 10px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #FFFFFF;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 10px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FFFFFF;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 10px;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 10px;
height: 23px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 7px;
}
</blockquote>Change this Code to :-
<blockquote>#ja-search form {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #0A0A0A;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 10px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #FFFFFF;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 10px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FFFFFF;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 10px;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 10px;
height: 23px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 7px;
border-color:#FF0000 /*change color code as per requirement*/
}</blockquote>1 user says Thank You to pritam for this useful post
khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
August 25, 2011 at 5:45 am #408309<em>@global21 262229 wrote:</em><blockquote>HI,
How do i change the colour of the outter box around the search box. as you can see from the screen shot i have changed the header to white and now this is blending in which looks odd.
thanks in advance.</blockquote>
Hi,
You change this code from /templates/ja_minisite/css/template.css in the line #132
#ja-search form {
background: #0A0A0A;
border: white solid 10px; < change this line
height: 23px;
overflow: hidden;
padding: 7px 5px 0 5px;
}1 user says Thank You to khoand for this useful post
AuthorPostsViewing 5 posts - 1 through 5 (of 5 total)This topic contains 5 replies, has 5 voices, and was last updated by khoand 13 years, 3 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Change colour of the outter box on search
Viewing 5 posts - 1 through 5 (of 5 total)