-
-
Hi,
I defined custom css in wp-damin/specular/general options:
@media all and (max-width: 980px) { /*** wrap row in a flex box ***/ .custom_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; } /*** custom classes that will designate the order of columns in the flex box row ***/ .first-on-mobile { -webkit-order: 1; order: 1; } .second-on-mobile { -webkit-order: 2; order: 2; } .third-on-mobile { -webkit-order: 3; order: 3; } .fourth-on-mobile { -webkit-order: 4; order: 4; } /*** add margin to last column ***/ .custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px; } }
Then I added the classes on my draft page “Produkt-Detail-Vorlage” to
1. row
Extra Class Name: “custom_row”2. column
Column 1 – Extra Class Name: “second-on-mobile”
Column 2 – Extra Class Name: “first-on-mobile”I’ve done this to show columns in another order on mobile devices.
But CSS is not working?!As you’re able to access our site (credentials are at your site already), I’ll be fine if you’d have a look on it.
Any glue why my classes are not recognized?
Thanks in advance.
-
Hi,
Try using WP-Bakery own CSS editor for custom styling. As we’re figuring out your site thoroughly so the procedure might take more than usual that’s why you can use the WP-Bakery own CSS editor for the time being.Thanks,
-
Thanks for responding!
But where to find the WPBakery CSS Editor?!
I thought to place custom CSS in the theme area, as I did.I searched, but not found it like described here: https://kb.wpbakery.com/docs/learning-more/custom-css/
Maybe it’s deactivated by the theme?!hm… am I missing something?
- This reply was modified 2 years, 2 months ago by reutli.
-
Hi,
any news on that? I’m not able to get the custom css activated for row & column.
Also I’m not able to find the “WPBakery CSS Editor”. I would assume you’ve deactivated this function with your PlugIn “Specular WPBakery Addons & Backward Compatibility”.Please help.
-
Hi,
please help me out regarding this issue as I’m not able to design a responsive layout without CSS functions!
Thanks
-
Hi,
Please check the custom css for changing the order is now working on your site.
Please clear browser cache and the check and let me know.
Changes:
Old css code
.custom_row {
New css code
.custom_row .section_clear {
Thanks,
-
-
You must be logged in to reply to this topic.