-
Posts
-
I’m using the buttons on the bottom of all my pages for navigation.
Problem is, on different screen sizes they are not resizing and staying in the box? Can you help? I’d like to decrease the padding as well.
This is the code I added to increase the font size:
.avia_iconbox_title {font-size:18px !important; padding: 0px !important;}Hey BrendaSarg,
I’m not sure what you mean by them not staying inside the box? Please post a screenshot of the problem.
You can edit the padding for the buttons by adding and editing the values in the following CSS:
.av_one_fourth .avia-button.avia-size-x-large { padding: 25px 50px 23px; }Thanks,
RikardThe text is cut off in the button
http://awesomescreenshot.com/02059qz01bI just want the text to fit in the box? Not cut off so people can read it.
I want it to look the same as here (desktop): http://birdingtrail.staging.wpengine.com/central-alberta-west/raven-brood-trout-station/ (hosted on WPengine) on the bottom where the forward and backward buttons are. (blue)
But if you look here: http://quirktools.com/screenfly/#u=http%3A//birdingtrail.staging.wpengine.com/city-of-red-deer/three-mile-bend/&w=768&h=1024&a=22&s=1
you will see it cuts off the words.
Hey!
you need to use media queries for different screen sizes. For iPhone 6 screen size use something like this for example:
@media only screen and (max-device-width: 736px) { .av_one_fourth .avia-button.avia-size-x-large { padding-right: 50px; }}Regards,
Andy
- The topic ‘Responsive Text on Buttons – less padding?’ is closed to new replies.