WordPress.org

Ready to get started?Download WordPress

Forums

css for search button (4 posts)

  1. fatneko
    Member
    Posted 3 years ago #

    hello,

    i am trying to figure out where the css is for the search button at the upper right corner

    http://mamookids.com

    i want to change the font of "enter", but cannot find the css. only css i can find for it is the location.

    i am using storefront theme, so i asked the developer, but they said it is not part of the theme and not sure if it is css or javascript...

    i am trying to find css for the font, so i can apply that to cufon to use our font.

    thanks!

  2. stvwlf
    Member
    Posted 3 years ago #

    Your theme has some lines of CSS just after the body tag. You can see them if you do a View Source in the browser. On line 238 in the View Source code is

    input.wpsc_buy_button,input.make_purchase, .wpsc-user-account input[type="submit"],#commentform input[type="submit"], form button, input[type="submit"] {font-family:Molengo,arial,sans-serif;}

    which is styling the font for the Enter button, among other things.

    Does your theme have a place where you can enter CSS on a theme settings page? Typically that would be the source of CSS being added after the body tag.

  3. fatneko
    Member
    Posted 3 years ago #

    thanks!

    the theme provides admin area with font selections for most things. and button font is set to Molengo. the choices do not have the font i want to use, so i am using cufon for nav bar and titles right now.
    so i am trying to apply it to button fonts also.

    so the search is inserted to the header.php like this.

    <div id="search">
                      <?php include (TEMPLATEPATH . "/search-form.php"); ?>
             </div>

    and the only custom.css for search is this.

    #search { float: right; margin: 0 0 0 0;}

    search.php is

    <div class="search_main">
        <form method="get" class="searchform" action="<?php bloginfo('url'); ?>" >
            <input type="text" class="field s" name="s" value="<?php _e('Search...', 'storefrontthemes') ?>" onfocus="if (this.value == '<?php _e('Search...', 'storefrontthemes') ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e('Search...', 'storefrontthemes') ?>';}" />
            <input type="submit" class="submit button" name="submit" value="<?php _e('enter', 'storefrontthemes'); ?>" />
        </form>
        <div class="fix"></div>
    </div>

    i tried using '#search' for cufon, but didnt work.

  4. stvwlf
    Member
    Posted 3 years ago #

    I am not especially familiar with Cufon fonts. What I have seen so far has had the styling set up in javascript, not in CSS. Look in your header.php or in javascript files .js that are in link tags in the head section to try to locate javascript that might set up cufon stying. The syntax is a bit different than though similar to CSS syntax.

Topic Closed

This topic has been closed to new replies.

About this Topic