-
AuthorPosts
-
October 9, 2015 at 1:14 am #516119
I”m trying to get rid of all the borders around my content areas. I’m using the code below, but on one page I still have a border above the main content/below the main menu. Can you give me a simple code that gets rid of all these borders? The link to the site shows what I’ve currently got. All the pages look correct except for the Contact Page.
Thanks for your help!!
#header_main_alternate, .av-main-nav > li > a { border: none !important; } #header_main { border-bottom: none; } .home .container_wrap, .home .avia-layerslider { border-top-style: none; } .home .avia-shadow { box-shadow: none; } .home #header_main { border-bottom-style: none; }
October 9, 2015 at 2:05 pm #516458Hey Rasa!
Please flush browser cache and refresh your page a few times. It does look fine on my end [screenshot in private content field below]
Cheers!
YigitOctober 9, 2015 at 8:08 pm #516653Hi Yigit,
Yes, late last night I added some code that took away the borders on the layer slider and that got rid of the line below the main menu, but I used the same layer slider on the home page and there was no border, so I don’t know why the Contact page was different. Here’s the code I have now. Maybe this is all okay now, but it seems like a lot of code. Do you think there is a simpler way to remove the section borders in the Header and Main Body?
#header_main_alternate, .av-main-nav > li > a { border: none !important; } #header_main { border-bottom: none; } .home .container_wrap, .home .avia-layerslider { border-top-style: none; } .home .avia-shadow { box-shadow: none; } .home #header_main { border-bottom-style: none; } #av_section_1 .container_wrap, .avia-layerslider { border-top-style: none; } .avia-layerslider .avia-shadow { box-shadow: none; } #header_main { border-bottom-style: none; }
October 12, 2015 at 7:57 am #517137Hi,
I’m not sure why the slider acted differently but if your code work I would keep it as it is, I don’t see any problems with it.
Best regards,
RikardOctober 20, 2015 at 10:28 am #521464Hmm… I couldn’t get the code above to word for me at all :-(
Any other ideas on how to remove the border above the main content/below the main menu?
Thank you!
October 20, 2015 at 1:57 pm #521645October 20, 2015 at 5:33 pm #521876**Posted in Private Content Area
Thank You!October 20, 2015 at 5:40 pm #521889Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.main_color.container_wrap.fullsize { border-top: none !important; }
Regards,
YigitOctober 20, 2015 at 6:15 pm #521940Perfect. Thank you!
October 21, 2015 at 8:24 am #522166 -
AuthorPosts
- You must be logged in to reply to this topic.