🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Support request] Can i design my subheading like this?

Home Forums Support Can i design my subheading like this?

  • This topic has 5 replies, 3 voices, and was last updated 6 months ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1113623
    Shivam

    Hey team, Good morning..

    Can i make full width background of my post sub header in generatepress theme?

    Here is exactly what i want

    you may check the site too.

    #1113929
    Leo
    Staff
    Customer Support

    Hi there,

    Doesn’t look like you are using Gutenberg?

    If so you can try our sections add-on;
    https://docs.generatepress.com/article/sections-overview/

    Let me know if this helps 🙂

    #1114287
    Shivam

    i am using gutenbeg

    #1114298
    David
    Staff
    Customer Support

    Hi there,

    if you use the gutenberg block editor then add a Group Block, from its Toolbar you can select Wide Width and from its settings sidebar you can select its background color.

    Note: this won’t work on posts with Sidebars

    #1120540
    Shivam

    Hey David, sorry i am replying to this thread very late.

    Thank you for telling me about Group block, I was not aware about this block till now.

    However I am facing a little problem..

    Actually i am using a css code to add top margin in my h2 and h3 of articles.

    body.single .inside-article h2, body.single .inside-article h3 {
        margin-top: 62px;
    }

    And margin looks completely fine in my whole article, but when it comes to Group block the big margin do not make any sense and looks bit awkward.
    Have a look at this screenshot

    I have also included the link of my live page in website section of thread.

    Can you please tell me how can I reduce the margin of heading just appearing under group block.

    #1120735
    David
    Staff
    Customer Support

    You could add this CSS to unset the top margin of H2 / H3 within the group block:

    body.single .inside-article .wp-block-group h2, body.single .inside-article .wp-block-group h3 {
        margin-top: unset;
    }

    you can swap out unset for some pixels if you wish

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.