Page Builder
fabrice
Hi,
I've update my PageBuilder in version Version: 5.1.9
Since, my CSS doesn't work correctly on one of my page : https://www.dev.s47m1.fr/index.php?option=com_sppagebuilder&view=page&id=59&Itemid=1452&lang=fr
I'm using the addon Tabs I've customed my CSS to custom my tabs to appears in column But It appears inline since I'v Updated my Builder. Could someone help me ?
My CSS :
addonId .sppb-addon-title {
text-transform: capitalize;} @media(max-width: 767px) {
addonId .sppb-tab.sppb-custom-tab {
flex-direction: column; }
addonWrapper #addonId .sppb-nav-custom,
addonWrapper #addonId .sppb-tab-custom-content {
width: 100%; padding-left: 0px; padding-right: 0px; }
addonWrapper #addonId .sppb-nav>li {
display: inline-block;}
}
addonId img {
border-radius: 21px;border-bottom-left-radius: 60px; }
Thx guys !
Rashida Rahman
Accepted AnswerHi there!
Sorry for your experience.
Did you mean you want the tab content item titles in a single line as followes? https://prnt.sc/EeQE4cp_L_Bs
Where did you put your CSS before, please?
Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best Regards
fabrice
Accepted AnswerYes, i'd like to put my item titles in a single line in a column. and with this css, it worked before I updated my Pagebuilder...
I put my code into the page builder : in my row settings / style / miscellaneous / custom CSS
Any ideas ?