Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Help me design the category page

  • From the previous tech support ticket:
    https://generate.support/topic/how-do-i-customize-category-page/

    Ying told me the best way to format articles is to create block element

    Indeed I do this
    But I’m having some trouble adjusting

    1- For example, I want the edges of the image to be oblique, meaning that they are not at an acute angle. How do I do this?
    2- Regarding the size of the featured image, how do I adjust it so that it is, for example, 350 wide and 350 high?
    3- I also want the containers for each article to be equal in size.

    I want to become like this page and I do not know what is the correct way
    can you help me
    https://www.semrush.com/blog/

  • Hi Ghaze,

    1. You can set border-radius values to your Container Block. Reference: https://docs.generateblocks.com/article/spacing-options-overview/#border-radius

    2. You can replace the WordPress Image Block, and retrieve the Image through a GB Image Block instead. This should allow you to set a defined height and width. Reference: https://docs.generateblocks.com/article/image-overview/

    The Image Block has dynamic options to retrieve the featured image. Reference: https://docs.generateblocks.com/article/image-overview/#dynamic-data

    3. Set the parent GB Container Block to 100% height. Reference: https://docs.generateblocks.com/article/sizing-options-overview/#height

    Hope this clarifies!

  • Primarily regarding this response:

    1. You can set border-radius values to your Container Block. Reference: https://docs.generateblocks.com/article/spacing-options-overview/#border-radius

    Only the container is affected, but the image is not affected
    Look at picture number 3

  • Primarily regarding this response:

    2. You can replace the WordPress Image Block, and retrieve the Image through a GB Image Block instead. This should allow you to set a defined height and width. Reference: https://docs.generateblocks.com/article/image-overview/

    The Image Block has dynamic options to retrieve the featured image. Reference: https://docs.generateblocks.com/article/image-overview/#dynamic-data

    There seems to be a misunderstanding here
    I’m talking about the size of the featured image on the category page only
    In this case I use the plugin: Dynamic Image

    See picture number 4

  • 1. I see. The Dynamic Image Block doesn’t have border-radius features. You can replace this Block with a GenerateBlock Image Block, and then, you can add border radius values to this image as well.

    2. I see. The same solution applies. Since we need to change border-radius values, using an Image Block would be optimal. We can then change the height and width through the Block settings.

    If this solution doesn’t pan out, another more ideal recommendation I would give is to set the image width to 100% and the height to auto.

    Then, we can give the Container Block it’s in a min-width value. Through this, we can control the image width based on the Container it’s in.

    Can you try it first? Let’s see how it goes and what changes are needed to be applied.

  • Now I am doing an experiment
    But I am facing a problem now, which is when I link an element with a link, a line appears below the text and I do not want it. How do I remove it?
    Look at picture number 5

  • Hi there,

    that underline is coming from the Customizer > General -> Underline link settings.
    If you want to keep the decoration across the site and only remove them from specific elements then:

    1. Add this CSS to your site:

    .no-underline a {
        text-decoration: none;
    }

    2. Select the block and in Advance > Additional CSS Class(es) add; no-underline

  • Hello David
    I went to Customizer > General
    But I did not find an option called Underline link settings?
    Why didn’t he show me?

    I used this code:

    a {
        text-decoration: none;
    }

    I think this means that all underlines have been removed from the site’s links
    If in the future I need to use an underline somewhere, what should I do?

  • See the screenshot here:

    https://docs.generatepress.com/article/general-settings-overview/

    As long as your GP is up to date you should see that option.

    If in the future I need to use an underline somewhere, what should I do?

    It will depend on the use case, you can ask us and we can advise.

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