search box in header

6 posts from 2 voices

• Started 4 months ago by capmaticenvato
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   capmaticenvato
   Member

   i need to make the header search box feild smaller what do i do

   Posted 4 months ago #
2. 

   capmaticenvato
   Member

   its okay figured out

   Posted 4 months ago #
3. 

   capmaticenvato
   Member

   actually nope didnt work, so i still need support on this one

   Posted 4 months ago #
4. 

   Ismael
   Moderator

   Hi capmaticenvato,

   I don't recommend you to change that since the magnifying glass button on the right side will overlap. If you still want to change it, just add this code inside Quick CSS(located inside Abundance > Theme Options Styling) or custom.css(can be accessed via ftp, located inside the css folder of the Abundance theme's folder):
   

   #s {
      padding: 10px 48px 10px 12px;
   }

   or, this one if the code above doesn't work:
   

   #s {
      padding: 10px 48px 10px 12px !important;
   }

   Just adjust the 1st and 3rd value. The default value is
   padding: 12px 48px 12px 12px;
   the first value goes for the top padding, then right, bottom and left.

   Hope this helps.

   Regards,
   Ismael

   Posted 4 months ago #
5. 

   capmaticenvato
   Member

   here is what i did and it works, do you suggest better, it includes adjustments and so on including the social buttons

   /*searchform*/
   #header #searchform {
   width: 125px;
   position: absolute;
   right: 15px;
   top: 63px;
   }

   #s{
   z-index: 1;
   border: none;
   position: relative;
   width:64px;
   padding:08px 10px 08px 12px;
   }

   .social_bookmarks {
   height: 24px;
   position: absolute;
   right: 150px;
   top: 70px;
   border: medium none;
   display: block;
   float: left;
   list-style-type: none;
   list-style-position: outside;
   }

   #searchsubmit {
   border: medium none;
   cursor: pointer;
   display: block;
   height: 32px;
   outline: medium none;
   padding: 0;
   position: absolute;
   right: 0px;
   text-indent: -9999px;
   top: 0px;
   width: 36px;
   z-index: 2;
   background: transparent;
   margin:0;
   }

   Posted 4 months ago #
6. 

   Ismael
   Moderator

   Hey,

   If it works then it is good to go. Glad you fixed it. :)

   Regards,
   Ismael

   Posted 4 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.