The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Search Popup Background

View previous topic View next topic Go down

Solved Search Popup Background

Post by CatherinaAndrea on November 13th 2010, 9:51 pm

As you can see on the screenshot the search box popup is having a transparent background and it makes it look very messy. Does anyone know the code to change that into a solid background color or image?



http://callofdutyboard.forumotion.co.uk/

Version: phpBB3

Thanks in advance Wink


Last edited by CatherinaAndrea on November 14th 2010, 4:19 pm; edited 1 time in total

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest on November 13th 2010, 10:16 pm

Forum link? version?

Guest
Guest


Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea on November 13th 2010, 10:45 pm


CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea on November 14th 2010, 4:18 pm

Anyone??

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest on November 14th 2010, 5:01 pm

Add this to ur CSS:
Code:

#search-box{background-color: white;}

Guest
Guest


Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea on November 14th 2010, 5:09 pm

Nope sorry didn't work, all that did was adding the floating mini search bar back up (the one in the top right corner)

Here's my css codes if you need them.

Code:

.forabg, .forumbg, .headerbar{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #ffffff;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}

body {
   margin: 0 auto;
   background-color: #000000;
                background-image: url('http://i63.servimg.com/u/f63/15/83/57/19/black_13.jpg');
   background-attachment: fixed;
   color: #4C4C4C;
   font-family: Arial,Verdana,Tahoma,sans-serif;
   font-size: 10px;
   line-height: 135%;
   background-repeat:no-repeat;
                background-position:center;
   }

#wrap {
width : 850px;
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/lirowb10.png');}

div#page-header div.navbar ul.linklist li a{
padding-top: 11px;
padding-bottom: 10px;
padding-right: 3px;
padding-left: 4px;
color: #000000;}

div#page-header div.navbar ul.linklist li a:hover{
color: #efefef;
}

ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;}


div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/Header2Mech2.png') repeat-x #2e2e2f;
height: 150px;
background-position: center;
background-repeat: no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

#search{
display:none;
}

.icon-home{
background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Folder-Home-icon-1.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

.icon-home:hover{
background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Folder-Home-iconhover-1.png) no-repeat top;
color: transparent;}

.forumbg {
background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/forumbg.jpg) repeat-x;
background-color: #000000;}


ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
text-align: center;
padding: 24px 0;}

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/msgico10.png');
text-align: CENTER;
padding: 24px 0;}

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: white;
background-image: url(http://i216.photobucket.com/albums/cc174/ToxiCure/forumbg.jpg);}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: white;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.buttons img{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;}

.buttons img:hover{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;
background-position:  0px -25px;}

ul.navlinks span.new-message {
font-weight: bold;
color: #d5ffae;
padding-right: 1.7em;
background: transparent url('http://illiweb.com/fa/email.gif') no-repeat top right;}



div#page-footer {
background-image: url('http://i216.photobucket.com/albums/cc174/ToxiCure/madeby-1.png');
background-position: bottom right;
background-repeat: no-repeat;
padding: 15px;}

#tabs a {
background-color: #ffffff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
border-bottom: 1px solid #ffffff;
font-color: #ffffff;}

#tabs .activetab a {
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/bgmenu11-1.png');
background-repeat: repeat-x;
background-color: #ffffff;
font-color: #333333;}

body.chatbox {
  background-color: transparent;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
background-repeat: no-repeat;
background-position: top center;
border-bottom: 0px solid #FFFFFF;
color: #c6e616;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #c6e616;}


profile-icon{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;}

profile-icon:hover{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;
background-position:  0px -25px;}

/* Modules-------------------------------------------------*/
.module {
   margin-bottom: 4px;
   padding: 0 10px;
   background-color: #000000;
        background-image: url("http://i216.photobucket.com/albums/cc174/ToxiCure/module2.png");
   overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
   }

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest on November 14th 2010, 5:30 pm

Ok... Change the "#" to "." (:

Guest
Guest


Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea on November 14th 2010, 5:48 pm

Didn't work either Sad Maybe i'll just use a module for it instead.

[edit]
Gangstar15 you can put this as solved, as i am going to go with the widget on this one instead. Thanks for your help. Smile

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest on November 14th 2010, 6:08 pm

OK Very Happy
but try that Very Happy
Code:

.title-overview {
   background-color: white;
   }

#Locked

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum