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.

Removing transparent backgound in search box ?.

View previous topic View next topic Go down

Solved Removing transparent backgound in search box ?.

Post by rocket2300 on December 13th 2015, 12:19 am

Hi folks,

My "search" box has a transparent background, as does the box when I use the "actions"
facility in a message and I want them to have a solid background. Ive looked in the CSS and
some of the templates, but can't see anything obvious.

This is a completely new skin to me, so im still finding my way around it.

Im using PhpBB3 and my forum address is www.suzuki-intruder.org

Below are two screen shots of the problem.






Any help would be much appreciated.


Last edited by Mick-1800 on December 14th 2015, 4:20 pm; edited 1 time in total

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by rocket2300 on December 14th 2015, 12:29 am

Help please Help me

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by SLGray on December 14th 2015, 12:35 am

It would help if guests can see the search button.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by rocket2300 on December 14th 2015, 9:07 am

@SLGray wrote:It would help if guests can see the search button.

oh ok, never thought about that. Ive changed it so that guests can now to see the button thumright

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by KpuCk0 on December 14th 2015, 10:35 am

Do you have any custom CSS? Can you post it here? I think, that there is some conflicts between the codes.


Design Team Leader


Rules of the Graphic Design Section || Becoming a Designer || Graphic Requests

Never tell your password to anyone!
No help without your forum URL!
No support via PM!

KpuCk0
Graphic Designer
Graphic Designer

Male Posts : 745
Reputation : 150
Language : Bulgarian, English
Location : Bulgaria

http://www.lfszone.com

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by rocket2300 on December 14th 2015, 10:53 am

This is the CSS that came with the skin when I imported it from hitskin.

Code:
#search{
display:none;
}
blockquote {
   border: 1px solid #000000;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;

   }
body {
background-repeat: repeat-x;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #adadad;
   background-color: #1c272e;
   background-image: url('http://hosted.3rdfleet.com/storp/forums/Themes/Krilliunsmf2/images/theme/backdrop.png');
   background-attachment: scroll;
   font-size: 10px;
   height: auto;
   padding: 10px 0px;
   }

#wrap {

background-repeat: repeat-x;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie26.png');
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
background-color: #12191d;
}
.inputbox {
   background-color: #1a242a;

    border: 1px solid #BCBCBC;
   color: #ffffff;
   padding: 2px;
   cursor: text;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

   }
#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);

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.inputbox:hover {
background-color: #1a242a;

    border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
    }
input.button1, input.button2, button.button2 {
    font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
fieldset dl {
   padding: 4px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.fields1 dt {
   width: 10em;
   border-right-width: 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.submit-buttons {
   text-align: center;
   vertical-align: middle;
   margin: 5px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }

.navbar {
   clear: both;
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
   padding:0px 10px;
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;

    -o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #C9D2D8;
   font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
   }
.forabg {
background-color: #1a242a;
   margin-bottom: 4px;
   clear: both;
   border: 2px solid #;
   padding: 0px 5px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
-o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.forumbg {
   background-color: #1a242a;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
-o-transition: background-color 0.2s linear; 
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;


   }
.panel {
   margin-bottom: 4px;
   padding: 0px 10px;
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

background-color: #1a242a;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.postprofile {
   color: #000000;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: transparent;
   width: 22%;
   float: left;
   display: inline;
   position: relative;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main {
   float: left;
   width: 98%;
   margin-left: 20px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main .panel {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main table.table1 {
   margin-bottom: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#ucp-main table.table1 {
   padding: 2px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#tabs {
   line-height: normal;
   margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   
/*min-width: 570px;
   */
}
#smiley-box {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }

ul.profile-icons {
   margin-top: 10px;
   list-style: none;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#message-box textarea {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
.module {
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }

.signature {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;

   }
body.chatbox {

 
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/body-r10.png');

   }

/* Login Popup---------------------------------------------------*/
#login_popup {
background-color: #1a242a;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png') ;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;   
background-repeat: repeat-x;
}

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by Rhino.Freak on December 14th 2015, 12:06 pm

Try this CSS code Smile
Code:
.center-overview, .left-overview {
  background: #000!important;
}
.title-overview {
  background: #000!important;
}

Change the colors to your liking Smile

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by rocket2300 on December 14th 2015, 12:42 pm

That sort of worked, but I now have 2 lines running through it, one of which is
transparent and the other has a dotted line through it.




rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by Rhino.Freak on December 14th 2015, 1:25 pm

Code:
#search_menu {
  background: #000!important;
}

This will work!

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by rocket2300 on December 14th 2015, 1:34 pm

@Rhino.Freak wrote:
Code:
#search_menu {
  background: #000!important;
}

This will work!

Great, that works for the search button, but not on the "actions" in a topic / message. That is still
coming up with a transparent background.



rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by Ace on December 14th 2015, 1:35 pm

Hi,

About that, add this in your CSS:

Code:
#plus_menu {
    background: #FFF !important;
}

Regards.


Last edited by Ace on December 14th 2015, 1:36 pm; edited 1 time in total

Ace
Forumember

Posts : 250
Reputation : 49
Language : Portuguese & English

http://ajuda.forumeiros.com/u39577

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by Rhino.Freak on December 14th 2015, 1:36 pm

Code:
#plus_menu {
    background: #000!important;
}

this will do

EDIT: woops, Ace is faster than me Razz

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by rocket2300 on December 14th 2015, 1:48 pm

I can't thank you guys enough, your absolute stars, all working ok now. Yes

solved. thumright

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: Removing transparent backgound in search box ?.

Post by SLGray on December 14th 2015, 7:59 pm

Topic solved and archived



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

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