Forum Replies Created
-
Posts
-
Hi Victoria,
The code provided by Vinay doesn’t work, nothing changes.
What seems to work is this:
.avia-button.avia-size-large
{min-width: 168px;}However, this seems to affect all large buttons in the site, so I’m still unable to target just that one button.
Also, this code makes the space between buttons too small on tablet resolution :(Please help!
RaduHi Vinay,
I tried it before, but this changes the space between the buttons. I’ve attached an example.
Is this not happening at your end?Hey Vinay,
I don’t seem to have any caching plugins active or installed and I checked on multiple computers, so I’m guessing caching isn’t the problem. This the button I’m trying to target, so that both will have equal widths:
Thanks,
RaduHi guys,
Sorry for the late reply.
The problem seems to have been fixed, but some of the changes that I had made have been reverted. The two things I found are:
1) the min-width of the large buttons, which I had set at 168px, doesn’t work anymore
2) the spacing between the two buttons was set to a smaller value, seems to have been reset.Also, is it possible that the code you added has made it impossible to hide center aligned buttons with “display:none” ?
I’m asking because I’m trying to show left aligned buttons on desktop and center aligned buttons on mobile. To achieve this, I’m hiding each of the buttons on the width where I don’t want them to show.Hi Mike,
That seems to work on desktop and mobile in portrait view, but not when you resize the browser or in mobile landscape.
In intermediate screen sizes, the three buttons lose their alignment:
Hi,
Not sure what you mean, since I already have it enabled and am using it.
Are you saying I should use a class just for those two buttons? But wouldn’t that make the entire *Button alignment* code useless? (since I wouldn’t be using .btn class anymore)Hi Vinay,
That seems to work, but I need to make the gap between the two buttons smaller.
How can I do that without affecting the other buttons on the site? Right now when I change margins, the three buttons under the three columns below also change positions.Thanks!
RaduOk, this is embarrassing, but it seem I was wrong…
My problem is the space between the top color section and the special heading below it:
I need this space to be smaller on mobile, and i thought the separator between them was the issue…but it turns out that’s only 6px in height, and so I didn’t notice the small difference when it wasn’t displayed on mobile.Can you help me make that space smaller on mobile? Both the color section and the heading don’t seem to have any padding set, so I’m not sure what to do.
