Editing a Link Container Hyperlink

User 2450707 Photo


Registered User
94 posts

Trying out V3.5 - after several months of being out of the loop.
I'm impressed with the improvements since 2.5 :)

But the differences are hitting me at once and there are a couple of things I have to get used to!

In the Materialise Theme, there is a container across the top with a Container Link in which there is text “Buy now” and a text icon arrow. The whole container link is a hyperlink. How do we edit this link? I don’t see any link in the right-side Properties pane. Can anyone give me a How-to on this. I'm sure it is staring at me and I am blinded by the new features.

TIA
Daniel
User 122279 Photo


Senior Advisor
14,450 posts

If you have the Materialize theme open, go to the element tree pane, open the container with the class name header_region, and the first thing you see in there is a container with the very appropriate ID of #nagbar. That is the one.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2450707 Photo


Registered User
94 posts

Thank you Inger,
That worked well. :)
User 2905946 Photo


Registered User
17 posts

I have a bootstrap 4 container section that is actually a card. It has a picture, a header text, and a paragraph. What I'm trying to do is make the container a clickable link. After creating and getting everything perfect with the layout, I stumbled across the "container-link" class, but adding that doesn't seem to make the container and contents clickable. Is there a way to do that or will I have to recreate the sections by using the clickable link to start with?

Thanks,
User 122279 Photo


Senior Advisor
14,450 posts

What you need to do is using a 'link container'. You can add one and place it right below the other container (the card), then copy the contents of the card and paste it into the link container. Also, style the link container to look like the 'card container'. When you have got it all styled and copy/pasted, delete the 'card container'.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2905946 Photo


Registered User
17 posts

OK - thanks, I was able to do that.

Now I"m trying to figure out how to use the "css grid" and following this video, but when he clicks to add a container, it goes INTO his initial DIV container, but when I do it, it goes under the DIV container. I've tried a hundred different ways to click on it first, use the Element pane, cut and paste, and no matter what I try, the container won't go into the container.

Any idea what I"m doing wrong?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.