Search bar looks invisible

  • Resolved asheffler

    (@asheffler)


    4 years, 9 months ago

    Hi!
    I’m helping build this site but I ran into a problem when I changed the theme to Ghost Lite.
    I’m using ProfileGrid 3.9.5.
    When I got to the [PM-Search] page the plugin search bar blended into the theme and looks invisible. I’ve checked the search-tpl.php file but can’t pin down where it picks it’s color. Also changing the plugin’s setting from dark mode to light mode doesn’t help either. The add on itself works just fine if you click where the search bar should be, but I really would like to change the search bar background color so that it stands out(i.e. a dark gray). Is there a way to change only the background color of the search bar?

    The page I need help with: [log in to see the link]

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

  • 1)
    Look for the reference (.class) or (#id) inside the file ‘search-tpl.php’ inside each (div) and write it down
    2)
    In explore resources with the FireFox browser go to the point of the page where the search input or div should be more or less.
    3) Use the ‘explore’ resource-pointing tool to find out the <! DOCTYPE html “>
    4) Look for the class you have pinned to which css file corresponds to you note the name
    5) Search for the file within your Theme with the tool search for explore your computer resources for editing the css
    6) Search for the class to be edited that you have found
    Sorry for my English
    Good night

    • This reply was modified 4 years, 9 months ago by alexbyby.
    Plugin Author ProfileGrid Support

    (@profilegrid0)

    Hello @asheffle,

    Thank you for writing to us.

    ProfileGrid’s input field borrows CSS from site’s theme to make sure it looks part of your site design. But it appears that your site’s theme does not have CSS definition of an input field, which is rare. But don’t worry, you can paste the below CSS in Appearance -> Customize -> Additional CSS. It will render the input field properly.

    .pmagic .pm-users-search-page .pm-search-box .pm-search-input
    {
    border: 1px solid #fff;
    height: 35px;
    background-color: rgba(212, 212, 212, 0.45);
    color: #fff;
    }

    Let us know if you require any further assistance.

    Thread Starter asheffler

    (@asheffler)

    Thanks! It works well for the site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Search bar looks invisible’ is closed to new replies.