How to make "Search" bold

  • Author
    Posts
  • #48549

    Hi,

    I have the menu links white and the the word search within the search bar is also white but fainter. I would like to make this appear the same as the regular menu items. I have tried increasing the font-weight but that resulted in the font-weight of the regular menu items increasing too.

    Can anyone help?

    Website: www.planningsolutionsedinburgh.co.uk

    #49395
    Zed
    Cryout Creations mastermind

    You can try this custom CSS:

    .menu-main-search form input.s {
        font-weight: bold;
    }

    This will also make the searched text bold as the placeholder inherits its styling from the input styling (and doesn’t have separate styling capabilities).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #49403

    Thanks for that Zed.

    It certainly made the text bolder but not exactly like I want. I really just want the word “search” to look the same as the menu items. According to the CSS it is already white there must be something else fading the color. I changed all reference to opacity from 0.5 to 1.0 but that made no difference.

    Any other suggestions?

    #50212
    Zed
    Cryout Creations mastermind

    Placeholders are always rendered slightly faded out (even when using the same color as the input text). This is default browser behaviour (some browsers don’t even accept a color styling for the placeholder).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to make "Search" bold’ is closed to new replies.