Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 2, 2016 at 12:46 pm #592031
    Jasmer

    Hi guys!

    I’d like to do 5 things:

    1. Change the size of the top section subscribe button to match the size of the lower section subscribe button.

    2. Change the size of the top section input field to match the size of the lower section input fields.

    3. Radius the corners of the top section subscribe button to match the radius corners of the lower section subscribe button.

    4. Radius the corners of the top section input field to match the radius corners of the lower section input field.

    5. Change the background of the top section input field to white.

    Thank you,

    Jasmer

    March 2, 2016 at 3:23 pm #592095
    Yigit

    Hi Jasmer!

    Please add following code to Quick CSS 

    .widget input[type="submit"] {
    width: 100%;
    font-size: 12px;
    min-height: 42px;
    border-radius: 2px;
}
input#subscribe-field-blog_subscription-2 {
    background: transparent!important;
    padding: 13px!important;
    border-radius: 2px !important;
}

    Best regards,
    Yigit

    March 3, 2016 at 12:53 pm #592589
    Jasmer

    Almost!

    1. This created a small problem in the search bar. The search icon border became longer.

    2. While we are here can we adjust the size and radius of the search field to match the others? Number 1 above is probably correct we just need to make the input field larger vertically, then radius the corners.

    3. I had to add this CSS to raise the top section subscribe button to match the bottom subscribe button.

    p#subscribe-submit {
position:relative;top: -13px;
}

    I have numbered in the screenshot below.

    Thank you!

    March 7, 2016 at 2:12 pm #594306
    Yigit

    Hi!

    Sorry for the late reply!
    Please add following code to Quick CSS as well

    #top #searchsubmit { 
    min-height: 39px !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
input#s {
    border-top-left-radius: 3px!important;
    border-bottom-left-radius: 3px!important;
}

    Best regards,
    Yigit

    March 9, 2016 at 12:41 pm #595521
    Jasmer

    Yigit! Gracias!

    Solved! You can close this topic.

    Jas

    • This reply was modified 8 years, 8 months ago by Jasmer.
    March 9, 2016 at 3:52 pm #595619
    Yigit

    Hi!

    You are welcome! Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sidebar Widgets Consistency’ is closed to new replies.