Can’t apply css to header inside an image box…

  • Resolved kdock2

    (@kdock2)


    3 years, 8 months ago

    …from within the Block Editor menu. I can’t link to my local site to show you what I mean, but it’s easy enough to test this.

    I add a Gutenbee Image Box, I click on the Header to change it to h1, h2, h3, etc. (I chose H3). But there’s no way to add a CSS class to it within the editor. The only object exposed that way is the container itself.

    I finally created custom css for “wp-block-gutenbee-imagebox-title” but how divine would it be to be able to do this within the Editor.

    Is this just not do-able from a programming standpoint, or is this something you could and would consider adding?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Fotis

    (@markwaregr)

    Hi,
    you can actually add a CSS class to the GutenBee Image Box block from the Advanced section.
    Then add this
    .your-class .wp-block-gutenbee-imagebox-title
    selector
    Let me know if you need additional help with this.

    Thread Starter kdock2

    (@kdock2)

    Hi Fotis and thank you.

    If I understand you correctly, this is mostly what I did, but not in the Advanced section of the Block settings menu. I added this:

    .wp-block-gutenbee-imagebox-title {
	margin-top: .25em!important;
	padding-top: 0;
	line-height: 130%!important;
}

    to the Additional CSS section under customize. It worked perfectly. If this is not what you meant, then please help me understand.

    My post was simply a suggestion to add a way to adjust the Header styles and Paragraph style from within the Gutenbee Block settings space. After all, you can use the Content Settings section to change other aspects of these elements. That way I wouldn’t have to fuss with CSS at all. ??

    Best, Kim

    Plugin Author Gerasimos Tsiamalos

    (@tsiger)

    Hi @kdock2

    We are going through all settings for all blocks and we are going to make them a bit more flexible in the near future. Keep an eye for future updates.

    Thanks for using GutenBee by the way ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can’t apply css to header inside an image box…’ is closed to new replies.