-
Posts
-
Hello,
I have two pages that have full-width buttons that are getting pushed into half their original width for some reason. This happened after I completed the last piece of element on that page, and they aren’t even close to the final element that I placed.
I provided the 2 links in the private content to where the buttons are breaking, you’ll notice they are half the size as the other ones.
This is the only css I’m using in regards to the full-width buttons at this time:
#top .avia-button-fullwidth {
padding: 15px 15px 12px;
}
#top .avia-button-fullwidth {
font-size: 10px;
}Hey artisforever,
You had this code in your Quick CSS & in your Simple Custom CSS plugin:.avia-builder-el-16 { margin-left: 0% !important; width: 20% !important; }I commented it out like so:
/*.avia-builder-el-16 { margin-left: 0% !important; width: 20% !important; }*/if this was to fix another issue let us know and we will help, this code was too broad to be effective.
Bye the way, you don’t need to use both Quick CSS & another CSS plugin :)Best regards,
MikeHi Mike,
Huge thanks for getting back to me on this. It looks like that fixed it. That code was to fix another issue provided by another one of your admins, but it is no longer necessary I believe since then.
Yes, I don’t know how many quick CSS got back in there as I was going to try using the CSS plugin for easier editing in another browser window :) I’ll go a head and delete the quick css out and will keep the css that I’m utilizing in my plugin instead.
One more question if possible, I can’t seem to reduce the padding above the slider and the above elements. Could you provide a solution for this? The reason I have the elements above that is because it is the only way I could get the header title “CLINICAL & RESEARCH INFORMATION FOR THE EYECARE PROFESSIONAL” to fit into a 3/5th’s element without breaking the slider below. I’ve failed in every other attempt to keep the current look, but with a smaller space in between the title and slider. Any suggestions here?
Thanks again.
Hi,
It looks like you have a divider added below the CLINICAL & RESEARCH INFORMATION FOR THE EYECARE PROFESSIONAL part, could you try removing that please?
Best regards,
RikardHi Rikard,
That does work to take out the space between the title and that column, and it looks good, except it creates a space between the top of the slider’s content and the border of that column. I’ve tried as many variations as possible but either come up with some padding above the slider or I break the slider. I’ve reverted back to the way I had it before, in case you’d like to log-in and try a few things of your own.
Thanks so much for the support on this, hopefully we can figure out a solution.
Hi Victoria, yes please, I didn’t get any response to my last comment.
I’d still like to minimize the space between the title and the slider. The main problem is that the 1/1 and spacer I have is allowing me to keep the title in the 3/5th’s element. If I remove the spacer or 1/1 element below that, it breaks my other elements/slider below.
Any suggestions? The slider acts really strange and changes based on other elements that I put above it, I don’t really understand it.
Hi artisforever,
Here is the code you can put in your child theme styles.css to change the color of the invisible header:
#top #wrap_all .all_colors h2 { color: #666666; }On which page do you have the problem with the slider?
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, thank you so much for the reply.
I’m actually not having any color issues, just the spacing issue between my title and slider at this point. If I remove the elements/spacer in between the title and slider, it breaks my slider. The problem is that I can’t reduce the spacing in between the title/slider because of that.
**In addition, I can’t seem to increase the padding on the left column buttons anymore either, even though I’ve increased the top/bottom padding in the spacer elements that I have between all the buttons. I think something is not allowing this to happen, perhaps it has to do with the slider issue? (I have had the left column buttons act strangely before when working with the title / spacing elements above the slider).
Thanks again for any advice!
Hi Victoria,
In my last comment, I had 2 issues. The 2nd issue is about the padding or margins not working on my full-width buttons on my homepage on the leftside column. It looks like chrome is saying there is a syntax error, and when checking, it isn’t putting in “px” after the margins. Once I input this into the inspector, it works on the frontend. However it looks like your theme isn’t working properly in this area and I don’t know how to go about fixing it.
Hi artisforever,
Here is the code that will help you, put it in in your child theme style.css
.hr.hr-custom.hr-center.hr-icon-no.avia-builder-el-6.avia-builder-el-no-sibling { height: 0px; } .avia-builder-el-5.el_after_av_one_fifth.el_before_av_one_fifth { margin: 0; } .avia-builder-el-7.el_after_av_one_full.el_before_av_three_fifth .hr.hr-custom { height: 50px; } .avia-builder-el-7.el_after_av_one_full.el_before_av_three_fifth .hr.hr-custom .hr-inner.inner-border-av-border-thin { border-color: transparent !important; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Everything is working so far!
Could you explain each of the elements here please? I didn’t necessarily want to get rid of the spacers in between. I did edit the margin height to 45px instead of 50px. But just wondering how the other elements work that you’ve had me change on their CSS in case I want to edit those as well.
Thank you!
Hi artisforever,
I could explain, if the questions were more specific. We removed the height (or adjusted it) and margins of .hr elements that are here used mostly for adding more space and/or a horizontal dividing line. I tried not to use general selectors, so that other pages don’t break.
If you have a specific question, please feel free to ask :)
Best regards,
Victoria
- You must be logged in to reply to this topic.