custom Cover Block height

  • Hello,

    I am need to create a Cover block with a 30px height for my website. I am using the Blank-Canvas theme. Right now, the minimum height is set to 50px, regardless if I input a lower number. Attached is a screenshot, and am hoping their is a way to customize the block with CSS, or help navigating the source .PHP file to edit.

    Thank you for your help,
    Michael

    • This topic was modified 2 years, 9 months ago by James Huff. Reason: redundant link removed
    • This topic was modified 2 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • DJ

    (@itsjustdj)

    Hi Michael,

    First, with the cover block selected, navigate down to Advanced in the right-side menu.

    Under Additional CSS Classe(s), give the block a specific class name, like “cover-thirty.”

    Publish the page.

    Then, in the Customizer under Additinal CSS, add this code:

    .cover-thirty {
	max-height: 30px;
}

    That should do it, but it won’t affect the other cover blocks you use.

    Thread Starter CGmodeling

    (@miketackle36)

    DJ,

    Thank you for the quick response, I really appreciate it.

    I will follow your steps first thing when I am home tonight, and will let you know how it goes.

    Hope you are having a great weekend!

    Thread Starter CGmodeling

    (@miketackle36)

    DJ, your method works, thanks again. Now I know how to create custom CSS lines for specific items with Class names.

    Even though the cover block shrunk, it is still sticking at 50px. There is a line of code in the Blank-Canvas theme limiting it, which is the opposite reason I downloaded a blank theme in the first place. I’m going to try and track the source in the .php files.

    DJ

    (@itsjustdj)

    Oops, you’re right! Sorry about that.

    Blank-Canvas is a child theme of Seedlet, which gets installed automatically. Try looking in the files inside that theme.

    To start, you might search for “wp-block-cover” in Seedlet>assets>sass>blocks>cover.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘custom Cover Block height’ is closed to new replies.