Viewing 9 replies - 1 through 9 (of 9 total)
  • Easier with link to site, and what color are you seeking?

    Hi all,
    I’m facing a similar problem because I need to align the search form button in the enter, instead of the current left position, without changing also the alignment of the input box; the difficulty here is that input box and button are inside the same DIV, so a trivial change in DIV content alignment will affect everything inside of it. Any suggestion?

    My website link is Il tuo giapponese.

    Thank you,
    Nicola

    mm
    The thing is that the two forms are different (newsletter and search).

    Anywaya you can style that search button for example with this:

    #right #searchsubmit {
    margin-left: 97px;
    }

    Or using percentages, but still you have to tune it for different media widths (see media queries)7

    p.s.
    sorry, a question, why you have this in your custom css:

    .round-div {
    height: 160px;
    width: 160px;
    }

    ?
    That’s the reason you see that bottom left corner in your featured page three thumbnail.

    Hi d4z_c0nf,
    thank you for your answers! Yes, I’m aware about the deep difference between the two forms but I was unlucky with changing the style of the newsletter form (there’s something that about CSS loading order, so my rules are overridden by the plugin ones…) and I turned to modify the search form button.
    Ok, I’ll have a try then with your advice.

    Oh, thank you so much for noticing that problem about the third thumbnail… well, I’ve done it for reducing the round shape in the archive pages but I stupidly didn’t prevent this rule to take over also on the home page… I’ll repair my fault!

    Thank you again,
    Nicola

    You’re welcome. I’ve seen you fixed that round-div issue.
    About newsletter widget if you use something like:

    .widget .newsletter .newsletter-submit{margin-left:40px;}

    Doesn’t work?

    Well, I’ve tried several times to modify the newsletter form style and I can see them loaded… but Firebug clearly points out – with a strikethrough line – that they where somehow overridden.
    Anyway, I’m stubborn and I’ll keep going on with it until I’ll defeat CSS ??
    Thank you again for your support!
    Nicola

    You probably needed a rule with more weight.
    Try that one and let me know.
    You can also try appending “!important” to each property value you want to override.
    E.g. if you do this (stealing from your css :P):

    .newsletter-submit {
    font-size: 18px !important;
    background-color: #eee !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    }

    what happens?

    Yes, you were right!!! To be more precise, I added this rule:

    .newsletter.newsletter-widget p {
        text-align: left;
    }

    and now both search button and newsletter button are aligned on the left. Ok, I suppose I should do better than this but this website is just an hobby and I can’t invest so much time on it…

    Good, thank you again for your support, bye!
    Nicola

    Perfect!
    Don’t know if you should do better, it’s nice this way.

    Glad you solved

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Search button’ is closed to new replies.