• Resolved takinginthesights

    (@takinginthesights)


    Hi,

    I’ve recently moved from Pinnacle to Ascend. I have a dard coloured footer and notice that subscribe widgets dont have a white are to type the email address in. The colour is pretty much the same as the footer. As a result you cant see the black text you are typing when completing the subscription form. Is there a way of altering the colour schem to make the box white? Hope this makes sense.

Viewing 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    Hi takinginthesights,
    Sorry for the delay. Do you mind posting a link to your site so I can better understand?
    Thanks!

    Hannah

    In your theme options > custom css add this:

    .footerclass input {
        color:white;
    }

    Let me know if that works for you.

    Ben
    Kadence Themes

    Thread Starter takinginthesights

    (@takinginthesights)

    Ben,

    Thanks for the response. This changes the text to white which will help. I had wondered if the text box could be changed to white instead of changing the text colour? Either that or is there a way of changing the search box to match the subscribe box.

    Thanks in anticipation

    David

    hannah

    (@hannahritner)

    Are you able to post a link so I can provide more accurate css?
    Thanks!

    Hannah

    Thread Starter takinginthesights

    (@takinginthesights)

    Hannah,

    Link to website is below.

    http://www.takinginthesights.com

    David

    David,

    Here is CSS that will make the background white:

    .footerclass p#subscribe-email {
        background: white;
    }

    Just delete the other CSS, or set the text color to something that is visible on the white background.

    -kevin

    Thread Starter takinginthesights

    (@takinginthesights)

    Kevin,

    Thanks. Is there a way to also change the colour of the search box and font colour?

    Here is some CSS that will change the typed text and the background colors of the searchbox. Feel free to change any of the colors to whatever you’ll need.

    .footerclass div#ajaxsearchlite1 {
        box-shadow: none;
    }
    .footerclass #ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox {
        background: red;
    }
    .footerclass div[id*='ajaxsearchlite'] .probox .promagnifier .innericon {
        background: red;
    }
    #ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input {
        color: blue !important;
    }

    I’m having a difficult time with the placeholder text, but I’ll let you know if I find how to do it.

    -Kevin

    Thread Starter takinginthesights

    (@takinginthesights)

    Kevin,

    Thanks. It is geting there. I am now able to chnge the colours of both boxes, but the subscribe box seems to have a shading over about 90% of it that stops it matching the search box. Is there a way the shading can be removed or added to the search box to get them to match?

    From what I can see the subscibe box seems to inherit the footer colour by default and add some shading to it. I’ve left both boxes white at the moment to let you see what I mean

    http://www.takinginthesights.com

    David

    hannah

    (@hannahritner)

    Hey David,
    Try adding this css:

    #subscribe-email input {
        width: 100%;
        background: white;
    }

    Does that fix?

    Hannah

    Thread Starter takinginthesights

    (@takinginthesights)

    Hannah,

    That worked. Many thanks

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Colour scheme’ is closed to new replies.