Advanced tabs color custom

  • Resolved sakisan75

    (@sakisan75)


    3 years, 11 months ago

    Hello, when I try to custom colors on advanced tabs (on active tabs for example), it doesn’t work… It looks like automatically spaces are generated in html and disable the customs colors. Here the code found in front-end :
    li.advgb-tab.advgb-tab-active {background-color :#d63440 !important;color :#FFFFFF !important ;}

    (complete line in the html render page)
    <style class=”advgb-styles-renderer”>.advgb-tabs-ed5b9cd3-3ee3-4500-84e0-6c90004996e6 ul.advgb-tabs-panel li.advgb-tab.advgb-tab-active {background-color :#d63440 !important;color :#FFFFFF !important ;}#advgb-tabs-ed5b9cd3-3ee3-4500-84e0-6c90004996e6 .advgb-tab-body-header.header-active, .advgb-tabs-ed5b9cd3-3ee3-4500-84e0-6c90004996e6 .advgb-tab-body-header.header-active{background-color :#d63440 !important;color :#FFFFFF !important ;}</style>

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @sakisan75,
    which version of PublishPress Blocks and WordPress are you using? In addition share a link to preview the page.

    Regards

    Thread Starter sakisan75

    (@sakisan75)

    Hello, WP 5.7 and your plugin 2.5.7 and here’s the link : https://www.2021.ifp.atelier.xzstudio.fr/anouk-laly/
    We add some extra css to custom the color because it didn’t work in the backoffice as explained in my first post.
    Here the css added :
    /*advanced tabs anouk*/
    .page-id-2800 ul.advgb-tabs-panel li.advgb-ul.advgb-tabs-panel li.advgb-tab.ui-tabs-active,.page-id-2800 ul.advgb-tabs-panel li.advgb-tab.advgb-tab-active
    {background-color:#707070!important;}

    Thread Starter sakisan75

    (@sakisan75)

    I found the trouble ! Your plugin add the customised colors with some inline css in the html. And on french website, we use some tools to apply the spaces’ rules before and after punctuation signs as : (not secable space before and secable after). As your css comes inline, our tool add the   in your styles tags !
    It could be very helpfull for the francophone use to add your customised css on another way than an inline css… Thanks to tell me if you see any way to solve that ??

    Thread Starter sakisan75

    (@sakisan75)

    that’s what is added in the style tags bafore the colon : & # 160; (whithout spaces…)

    • This reply was modified 3 years, 11 months ago by sakisan75.
    • This reply was modified 3 years, 11 months ago by sakisan75.
    Thread Starter sakisan75

    (@sakisan75)

    {background-color :#d63440 !important;color & #160;:#FFFFFF !important & #160;;}

    Plugin Author htmgarcia

    (@htmgarcia)

    We appreciate your feedback, @sakisan75! We load inline CSS which is a common practice in web development.

    Please contact the developer of the plugin that modifies the inline CSS. Hopefully they have a workaround.

    Regards

    Thread Starter sakisan75

    (@sakisan75)

    Ok… But all plugins we use insert their customised styles in the head part, not in the body. Actually, at this time, you are the only plugin which write his customised css in the body html using inline styles tags. Any tool which correct the spaces can’t make the difference between content or tags. Just think how join all the plugins family which declare their style out of the body html part though ? ?? Not really resolved on my side, you just passed the hot potatoe to another part, please think about how to perform your own tool so we could consider it as a great and userfirendly tool ;-P

    Plugin Author htmgarcia

    (@htmgarcia)

    I see your point. Is fair. We just included your suggestion in our to-do list.

    My suggestion about contacting the developer is due they may have a way to bypass content wrapped by <style> tags.

    Regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Advanced tabs color custom’ is closed to new replies.