[Resolved] Make gallery clickable in header-how to?

Home Forums Support [Resolved] Make gallery clickable in header-how to?

Home Forums Support Make gallery clickable in header-how to?

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1653342
    Lizzy

    Hello, I am trying to change the layout of the header of my website http://www.everythingverysmall.com

    8 categories with 8 pictures, with text below to explain what my site consists of. I have some questions.

    1. The text below the pictures, how do I make it bold or/and darker?
    2. How do I make those text (or pictures) clickable, if that is even possible?
    3. If non is possible, how do I make the background lighter so that the text is seen better?
    thank you
    regards,
    Lizzy

    #1653430
    David
    Staff
    Customer Support

    Hi there,

    one questions if thats ok ๐Ÿ™‚
    Do you want those images to link to a Post or a Page or a Category Archive ?

    #1653473
    Lizzy

    Hi, ok;-)
    I would like them to link to Categories
    thx

    #1653681
    David
    Staff
    Customer Support

    Ok so theres a few ways of doing this.
    As you have only a few to do i would suggest this:

    1. Install the GenerateBlocks plugin:

    https://wordpress.org/plugins/generateblocks/

    2. Create a new Block Element:

    https://docs.generatepress.com/article/block-element-overview/

    3. You can now add a Container Block, for background colors etc.

    4. Inside the Container Block add a Grid Block.
    https://docs.generateblocks.com/article/grid-overview/
    Select a 4 column grid to begin with.

    5. First thing to do is to delete the last 3 blocks in the Grid.
    You should now have just a single block that fills around 25% of the Grid.

    6. Inside that Block add your Image and and a Headline block below it – you can add a link to your Catagory archive to it, and you can style its colors etc.

    7. With that inner Grid Block selected in settings > Advanced give it an Additional CSS Class of: clickable-container

    8. Now once you’re happy with the look of the first block, in the Block Toolbar you will see a + icon – every click will add a duplicate block. Add as many as you need and upodate image, text and link.

    I know its a lot of steps and sounds a lot but its less work than writing code or a lot lighter then adding some other plugins.

    #1654186
    Lizzy

    All right, thanks a lot, that will help I’m sure!

    #1654353
    David
    Staff
    Customer Support
    #1656328
    Lizzy

    Hi,
    I need your help again,I’m confused.
    Step 1 and step 2 is done.
    I am in the ‘add element’ section.
    Step 3 adding a container block: do I need to switch to ‘block editor’ for that? And then add a ‘container block’? Because when I am the classic editor, I don’t see the option of adding a container block.

    thanks again

    #1656346
    Ying
    Staff
    Customer Support

    Hi Lizzy,

    Yes, David’s suggestion is based on block editor ๐Ÿ™‚

    #1656762
    Lizzy

    Thank you Ying;-)

    #1657142
    Lizzy

    Hello,

    I think that I have finally made this element. How do I replace my header with this element now please? In customize somehow?
    thanks again

    #1657176
    Leo
    Staff
    Customer Support

    Not exactly sure if I understand.

    Can you link me to what you currently have and explain a bit more about what you are wanting to do?

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