• Resolved ParsMizban

    (@parsmizban)


    Hi,

    I tried to change the search widget text font in twentyfifteen theme using CSS but didn’t successful , How I can do that?

    I tried many CSS like:
    #search-wrapper input[type=”search”]
    OR
    .widget textarea

    None of them can change it

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please provide a link to a page on your site where we can see this. Thanks.

    Hello,
    Do you want to change just the Search widget title or all the widgets titles?

    If you want to change all of the widget titles, you can enter the Theme Editor under Appearance -> Editor, and on the right search at the bottom for “Stylesheet (style.css)”, and then search in the code for “.widget-title”, there you can change the font family, color and size.

    Thread Starter ParsMizban

    (@parsmizban)

    Hi,

    I am familiar with theme development, But this is very strange for me
    I couldn’t change the font of “Search…” text in text box of search widget
    Just check it in latest version of ‘twentyfifteen’ theme
    Can you do that?!

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    you can change the font. Please provide a link.

    Thread Starter ParsMizban

    (@parsmizban)

    I am using on localhost for now, But I couldn’t change it at all
    Can you just do a try?
    It’s twentyfifteen theme !

    Thread Starter ParsMizban

    (@parsmizban)

    ok, let me i upload the theme exactly…

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    input.search-field {
        font-family: 'times roman';
    }

    Changes the font that the user types in

    but the placeholder text — where it says “Search…”, that’s another story.

    https://css-tricks.com/snippets/css/style-placeholder-text/

    To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter ParsMizban

    (@parsmizban)

    I found the problem ,

    I used ::-webkit-input-placeholder beside another styles and was changed it’s font
    It is related to that text box font
    But I separate it from another style and changed it’s font
    Now it is ok, the text box font changed
    I didn’t attention to this comment which :

    /* Placeholder text color — selectors need to be separate to work. */

    hmmmm…… ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Cannot change search widget text font in twentyfifteen’ is closed to new replies.