- This topic has 23 replies, 5 voices, and was last updated 3 years, 5 months ago by
Ying.
-
AuthorPosts
-
September 2, 2021 at 12:32 am #1916206
Brajmohan Kumar
Hi,
Thanks ๐
May I know what is the difference between flex & float?
I tried switching from FLOATS to FLEX but I saw a CSS issue, borders were getting added automatically in the whole sidebar and some buttons.
Thanks!
September 2, 2021 at 4:14 am #1916379David
Maybe adding the border attribute to the CSS with a value of none will help remove the unwanted borders. Under the ‘top: 80px;’ in the CSS code you mentioned earlier.
border: none!important;
I added the important value in case this value was already specified.
Cheers,
DavidSeptember 2, 2021 at 5:35 am #1916430David
StaffCustomer SupportThe difference between Flex and Float is the CSS properties that GP uses for its layouts and grids.
Flex was introduced in GP 3.0 and as part of that, we also made more CSS optimizations in the theme…. But one thing it should not do is add Borders to things.
Can you provide a link to a page where i can see the Border that only shows in the Flex structure?
September 2, 2021 at 5:45 am #1916438Brajmohan Kumar
Hi,
Okay, so you mean FLEX is a more optimized version of CSS than FLOAT?
See this video:- https://drive.google.com/file/d/1AhXtDVjtfIoDAzqzpf2vU6mXcD6CnHOK/view
URL: https://www.boatengine.com/
The border is appearing on the single blog page and homepage hero “call to action” button. since it’s a live site so I can’t leave the site with the border for you to check ๐
Thanks!
September 2, 2021 at 7:18 am #1916531David
StaffCustomer SupportThats correct Flex is more optimized.
Thats weird, the Theme doesn’t have any default border styles on anything other than table and form elements.
If you make the change to flexbox, publish the change and clear any plugin/server caches do the borders remain ?September 2, 2021 at 9:35 am #1916840Brajmohan Kumar
Hi,
In the video I also showed you by clearing all cache, I don’t know if you noticed it or not. Border shows even after clearing all the cache.
Thanks!
September 2, 2021 at 9:57 am #1916860Ying
StaffCustomer SupportHi Brajmohan,
After watching your video, I inspected the button and the sidebar, both of these 2 elements are built with Elementor, since GP doesn’t add border to buttons or sidebars by default, it’s more likely added by Elementor.
But it’s still very difficult for us to make sure the cause without inspecting the site.
I would recommend creating a staging site.
September 3, 2021 at 9:27 am #1918000Brajmohan Kumar
Hello,
Yes, buttons & a single blog template are built with Elementor. But is it normal to get the border on Elementor built page by changing from float to flex?
Do you want login details for inception? Let me know how can I provide that?
Thanks!
September 3, 2021 at 10:08 am #1918023Ying
StaffCustomer SupportYes, if you can provide login details we would be happy to take a look.
But we still need it to be flex to see what the issue is.
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information -
AuthorPosts
- You must be logged in to reply to this topic.