Hey,
I’m not sure I understand what you’re wanting to do. Can you explain a bit more? What kind of edit are you wanting to make specifically?
-Kevin
Thank you for your answer.
I wanna do something like that:
So I need added parent-block for h-tag. Can I do it? Or I have to make my own block?
Can you link to that site so that I can see how they’ve set this up? I’m not really sure how you would add a background like that with CSS, but ti may be obvious if I can take a look at that site’s html.
-Kevin
Its local site.
I can do it by css, if I make parent block. I mean:
<div class="parent-block"><h2 class="your-advance-heading-block">Your heading block</h2></div>
Hey @vladyslavs,
Were you able to get this looking as you’re wanting?
Hannah
No. I don’t now can I edit block “Advance Heading”…
If not, I gonna make my own block.
You can use css like this:
.wp-block-kadence-advancedheading {
background: #333;
color: #fff;
}
Hope that helps!
Hannah
There isn’t a way to add a parent block other than to embed the heading as an inner block. Like by using a row block then adding the header into it.
You can use css like this which would get you close but you would need to add something after the head to make sure and clear the inline-block.
.wp-block-kadence-advancedheading {
position:relative;
display:inline-block;
z-index: 2;
}
.wp-block-kadence-advancedheading:before {
background:green;
height:20px;
width:100%;
position:absolute;
content:'';
left:0;
bottom: 0px;
z-index: -1;
}
Ben
Yes, I can.
But If i use display:inline-block, I cant align heading, yes? ) So, I need parent block for align heading.
correct, it would align left unless there was a container telling it to align some other way.
dropping into the rowlayout block may be your best bet.
How I can align child block heading?
It doesn’t work.
Yeah sorry, I didn’t explain that well, that is a block alignment and a little different than text alignment. you would still have to use CSS. that just allows you to have something to target. For example:
.wp-block-kadence-rowlayout .kt-inside-inner-col {
text-align:center;
}
With each row layout, you can add an ID in the block settings then specifically target that ID with your CSS and set the text-align to center.
Ben
