Forum Replies Created
-
Posts
-
It’s the spacing right after date of the blog entries. For example, see homepage after the first entry under “April 4, 2017”
Sorry but that didn’t work. There is still extra spacing between the various elements. It is especially noticeable on mobile view.
It looks like the extra spacing is actually right under the Newsletter sign up form. When viewed on mobile, you can see a lot of extra room.
Thank you. I think that reduced it some but there is still quite a bit of extra space at the bottom of the footer?
I am also having trouble changing the height of the mailchimp buttons for the newsletter sign up form, which is in the footer. I would like the buttons to be the same height as the text (i.e. name and Email). Any help would be greatly appreciated.
I was able to resolve the issue with the corners but I still can’t seem to make the three buttons the same size as each other. I also want to make the buttons stack on top of each other when the screen gets too small, rather than overlap on the same row. Here is what my CSS looks like now:
div#header_main {
background-color: white;
}nav.main_menu {
left: 40%;
}#top #header .av-main-nav > li > a {
font-size: 18px!important;
}#top .main_menu .menu li ul a { font-size: 16px; }
body {
font-size: 18px;
}.widget {
font-size: 16px;
}.widget {
padding: 1px 1px 0px 1px;
}body div .avia-button {
border-radius: 5px; }.avia-button.avia-size-large { font-size: 20px; } /* for large buttons */
@media only screen and (max-width: 767px) {
.avia-button.avia-size-large {
min-width: 0px!important;
}I figured out a different solution by using a widget at the bottom of my home page but I am still having an issue with two items:
1. The email field button in the widget is bigger in height than the subscribe now button. I would like them to be the same side.
2. I would like to remove the padding between the widget and the section just above it. Ideally, I want the widget to show just below the course catalog image that’s above it right now.Any ideas?
I have tried clearing the cache and moving the shortcut to the very top of the quick CSS but the color section with the animated numbers is still showing on mobile devices. Anything else I can do to resolve this?
For clarification, the buttons stack when viewed via mobile, which is good, but you can only see half the button. I was looking for a way that maybe shrinks the buttons to fit the mobile screen, while leaving them the same on desktop. Thanks
Hi Rikard, I added the code but it’s still not working. Not sure if it’s because the section includes animated numbers. Any other ideas?
