Okay
  Public Ticket #1387696
Editing gradient overlays in Bold Builder
Open

Comments

  • Russ started the conversation

    Hi there,

    Can I edit the solid/gradient overlays that overlay a background image in Bold Builder? I want a gradient that is darker on the right and fades toward the left.

    For example, I can see a CSS class, 'bt_bb_background_overlay_dark_gradient' when I use Chromes Developer Tools, but where do I access this? Is the gradient CSS generated or a .png overlay? If .png, where would I find the file to edit?

    Thanks!

    Russ

  •  378
    Support Agent replied

    Hi Russ,

    The overlays can be set in Edit Section panel, tab Design. Please have a look at the screenshot.

    Let us know if this helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Russ replied

    Hi there, thank you for your reply, but no, that doesn't help! :)


    I know how to choose an overlay. I'm asking if I can use a custom overlay. Can I possibly edit one of these standard overlays? If so, where in the BB code would I find this?

    Thanks,

    Russ

  •  378
    Support Agent replied

    Hi Russ,

    In that case, you could try editing sections.css file in \wp-content\plugins\bold-page-builder\css\front_end folder.

    Let us know if you need additional help.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Russ replied

    Thank you. I did edit those CSS files but nothing changed. I've used the preset 'dark stripes' instead, which looks ok.


    Regards,

    Russ

  •  378
    Support Agent replied

    Hi Russ,

    We tested this on our demo, and it was working, but the changes need to be made in content_elements.crush.css file, in \wp-content\plugins\bold-page-builder\css\front_end folder.

    The code starts from the line:

    .bt_bb_section[class*="bt_bb_background_overlay"]:before {

    Below it, you'll find options for all gradients.

    Let us know if you need additional help.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!