Announcement

Collapse
No announcement yet.

Changing background color of search bar

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Changing background color of search bar

    Hi again, is there an easy way for me to change the colour of the search bar to black from white?
    Any pointers appreciated

    #2
    That might depend on which theme you are using?.
    Peblaco

    Comment


      #3
      Hi there! Thanks for the qick reply I'm using smart theme at the moment, but I can change that if need be

      Comment


        #4
        You can add CSS for the table, open theme.css.
        Peblaco

        Comment


          #5
          hi again! i'll give that a shot, thanks for your help I'm working on a site that has a black background, so rather than have the search box white, i'm hoping to have it black with a border round it. Does that make sense? I hope so Sorry, but I haven't used actinic or css in a looong time! So a bit confused at the moment!

          Comment


            #6
            Hi again,
            I'm sorry, I already asked something similar on Friday regarding V8, but it didn't do what I needed it to do
            Anyway, he has upgraded to V9 over the weekend, I am still having problems working out how to change the colour of my search box (input box) to gray from white, and placing a small border around it?
            Like so:
            http://i34.tinypic.com/r08ape.jpg
            Sorry for all the questions, but i'm struggling to get this right for a friend who really needs the site finished this week. I have all the site set up, with content etc, but i'm really unsure about the design/css, even after reading through the guides.
            Many thanks!

            Comment


              #7
              You may be best to click on the Design tab (between Content/Orders) click on the search box in the preview and in the Layout Code window find this code:
              Code:
              <form name="simplesearch" method="get" action="<actinic:variable name="OnlineScriptURL" value="Search Script URL" />">
              change to something like:
              Code:
              <form name="simplesearch" method="get" action="<actinic:variable name="OnlineScriptURL" value="Search Script URL" />" class="searchbox">
              Then you can add a CSS style.
              Peblaco

              Comment


                #8
                Steve, just so you know I've deleted the other thread, so that it doesn't dilute the forum.

                Ceers,

                Rich

                Army Gore-tex
                Winter Climbing Mitts
                webD's Blog: Website design, SEO and other ramblings…
                Twitter LinkedIN

                If you think a post is good, rate it!

                Find the answers in the Knowledge Base | Have you read the User Guides

                Comment


                  #9
                  Originally posted by peblaco View Post
                  You may be best to click on the Design tab (between Content/Orders) click on the search box in the preview and in the Layout Code window find this code:
                  Code:
                  <form name="simplesearch" method="get" action="<actinic:variable name="OnlineScriptURL" value="Search Script URL" />">
                  change to something like:
                  Code:
                  <form name="simplesearch" method="get" action="<actinic:variable name="OnlineScriptURL" value="Search Script URL" />" class="searchbox">
                  Thanks! The code is not exactly the same, but I reckon, it should be this part?:
                  Code:
                  <actinic:variable name="OnlineScriptURL" value="Search Script URL" />
                  should be changed to
                  Code:
                  <actinic:variable name="OnlineScriptURL" value="Search Script URL" /> class="searchbox">
                  and then do the neccessary changes in the stylesheet?
                  Your help is really appreciated!

                  Comment


                    #10
                    Hi again Louise
                    That worked, but it wasn't what I meant Unfortunately, i'm not sure if I have been coming across properly with what I need to do I need to change the actual colour of the white box (am I using the right terminology here?) where the text is input, not the background that holds the box.
                    The input box is white, I need to change the colour to gray. I don't know if I can be much clearer than this at trying to explain what I want to do
                    As it stands, this is how it looks:
                    http://i38.tinypic.com/28jfckm.jpg
                    I need the part that is white on the image, to be another colour, not white. The background to the text that says quick search, is what I need to change. Can this be done?
                    Many thanks once again,
                    Steve

                    Comment


                      #11
                      In that case find the <input> tag and add the class to that.
                      Peblaco

                      Comment


                        #12
                        Thanks again Louise
                        I shall try that tomorrow morning! (laptop is at friends & i'm off out to the cinema tonight ). It's for a site I am helping a friend with, and it's driving me round the bend lol as I would like to help him get the site as near to his vision of it as possible!
                        However, its helping me maser actinic tho' , so thanks for all your help! It really is appreciated

                        Comment


                          #13
                          Thank You!

                          You are a star! It worked perfectly

                          Comment

                          Working...
                          X