Basepress Default Theme Button Text Colour

  • Resolved laralorvan

    (@laralorvan)


    2 years, 10 months ago

    I am trying to amend the Basepress Knowledgebase Default Theme CSS file.

    I can amend various elements, such as the background colours of buttons and boxes, but nothing will override the inherited text colours.

    In particular, I want the Search button to have the text colour #221100 (and #EFEBE1 on hover).

    How can I achieve this?

    Thanks in advance for any advice.

    Regards,

    Lar

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author BasePress

    (@codesavory)

    2 years, 10 months ago

    It would really help if the URL where this plugin is installed is known. Because depending on the theme, page builder and other plugins you may have added, this could vary.

    But to give you a rough idea, on our demo, here’s the CSS for the search icon color in the main search…

    .bpress-search-form::before {
    color: #17aacf;
    }

    Using inspect element in your browser can help you quickly locate any CSS class and the CSS file. You may temporarily want to disable caching plugin which often has settings like combining CSS files and file minification – to locate the exact CSS location

    Thread Starter laralorvan

    (@laralorvan)

    2 years, 10 months ago

    Thank you very much for replying so quickly.

    Unfortunately, I can’t offer a URL at present.

    I am using the Astra theme.

    I have tried using the inspect tool but cannot locate the point where the text font colour (or color) is set; so, assumed it was being inherited from Astra (?).

    I have had no trouble changing other elements in the Basepress Default css file (e.g. search button and category box colours). However, the button and box text colours have so far proved elusive.

    Are you able to cite a line number in the Basepress default theme style css file where a text colour is set?

    Thanks.

    Regards,

    Lar

    Plugin Author BasePress

    (@codesavory)

    2 years, 10 months ago

    Instead of finding line number, globally searching that exact # color code could lead you to right place faster.

    On a side note: Here’s the theme file hierarchy

    https://basepresskb.com/docs/knowledge-base/basepress-themes/theme-files/

    and theme customize guide

    https://basepresskb.com/docs/knowledge-base/basepress-themes/customize-a-knowledge-base-theme/

    Thread Starter laralorvan

    (@laralorvan)

    2 years, 10 months ago

    Thanks again for the reply.

    I performed a search for the colour #fff in the css file, and changed every incidence to #221100. This did not change the colour of the text in the Search button. I’ve run out of ideas.

    Am I right to assume it will be under the section ‘6.0 – Search Bar’?

    It would help me a great deal if you could quote the line number and/or title of the code snippet that will change the colour of this text.

    I think that this will save time for both of us; otherwise, I’ll be firing off these queries forever.

    Regards,

    Lar

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

The topic ‘Basepress Default Theme Button Text Colour’ is closed to new replies.