Gradient background on row

  • Hello,
    I’m trying to add a gradient to a coblocks/row.

    I’ve got “Gradient styles” checked in the settings modal window. I’ve added my gradients via add_theme_support('editor-gradient-presets', $gradients);. these gradients are showing up in the gradient background palette for core/buttons, so I know the gradients are working.

    When I look at the source code, it looks like coblock/row doesn’t support it

    supports: {
		align: [ 'wide', 'full' ],
		anchor: true,
		gutter: {
			default: 'medium',
			customDefault: 0.8,
		},
		stackedOnMobile: true,
		coBlocksSpacing: true,
	},

    So is there anyway that I can get a gradient on row?

Viewing 1 replies (of 1 total)
  • Plugin Support Milos Vlaisavljevic

    (@gdmilos)

    Hey @pm1932,

    Thanks for reaching out!

    You’re right, you cannot define gradients to the CoBlocks row elements the way you define them to the buttons. The desired functionality doesn’t exist, however, there’s a pretty simple way to achieve this.

    – Create a new row using the CoBlocks plugin
    – Define a custom class here
    – define gradient using CSS (target the previously defined class) in Appearance > Customize > Additional CSS

    In case you’re using the same gradient on multiple pages on your site, you can define only one gradient in the theme’s customizer and the same class can be applied to all rows that suppose to have that background gradient displayed.

    Something like this:
    https://prnt.sc/zhl5jl > https://prnt.sc/zhl953

    More info regarding CSS Gradients can be found here.

    Let me know if this helps! ??

    Kind Regards,
    Milos | GoDaddy

Viewing 1 replies (of 1 total)
  • The topic ‘Gradient background on row’ is closed to new replies.

Tags