Call to Action Button - Resize Help [closed]

Question

Closed. This question is off-topic. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for WordPress Development Stack Exchange.

Closed last year.

Improve this question

I need help with resizing the "free quote" action button on my website. It is placed on the menu on the right top corner. I need to resize it to smaller size so that it fits the size with other text on the menu.

Link to the site: http://www.ninjacreativity.com

Answer 1

This is not so much a WordPress questions as it is a simple CSS question, but adding this rule to your theme's CSS should make the button text the same size as the surrounding text.

.navbar .header-right a {
    font-size: 11px;
}

If you also wanted to reduce the overall size of the box that surrounds the text, you could adjust the padding (currently set to padding: 4px 12px 4px; in the theme's CSS file).

.navbar .header-right a {
    font-size: 11px;
    padding: 2px 7px; // 2px padding on top and bottom, 7px on right and left
}

Further Reading: CSS Box Model, Padding.