How to get content in another...

Dec 22nd, 2019 at 04:53 PM
User 122279 Photo

Inger
Senior Advisor
14,615 posts
Online Now

I'd love to! :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Dec 23rd, 2019 at 07:47 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now

Marty wrote:
Thanks for all the input. After more experimenting, I think the problem I have is not so much syntax but that the image I wanted to show was somehow shielding the triggering image and not allowing the hover to trigger. The shielding extends further from the image than the image itself. It's probably due to how I am positioning the images within a gridded container.


Of course one other problem is the mobile devices (up to laptop and the larger tablets (some of which are as big as a laptop :D don't have the luxury of a cursor or hover facility (well most of them dont)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Dec 23rd, 2019 at 08:14 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now

Here Is a link to a short video showing what I came up with

https://youtu.be/EWYwxp4rt-s
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Dec 24th, 2019 at 04:39 AM
User 122279 Photo

Inger
Senior Advisor
14,615 posts
Online Now

So, how did you do it?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Dec 24th, 2019 at 04:53 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now

Inger wrote:
So, how did you do it?

I sent you an email explaining about Sd4 not working there is a video tutorial in the making as we speak
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Dec 24th, 2019 at 08:12 AM
User 188640 Photo

Ernie Hodge
Registered User
895 posts

Well that's really cool.
A Rose is Just a Weed in a Corn Patch!
Nov 26th, 2022 at 12:22 PM
User 2220522 Photo

Marty
Registered User
49 posts

I'm bumping up this thread because once again I have come across a situation where I need to trigger a transform in a div with a hover event in another div. To review, I need to create a css with the following type of code:

.item1:hover .item2 {some kind of transformation;}

Inger's solution worked and was perfect, but it required a style block manually added in the header with this code and I'm trying to keep all the css in the main.css file.

So, I just wonder if in the intervening years has SD added this ability?

Many thanks!
Nov 26th, 2022 at 01:10 PM
User 122279 Photo

Inger
Senior Advisor
14,615 posts
Online Now

You can add various code bits in the input boxes on the element properties pane. If you could let us know what kind of code you need to add manually, we may be able to help.

Oh, is it that wee styling that you have in the page manager that you want to have put into the main.css? I don't think that is possible to do in SD. When you go into the hover state of item1, you can only decide what item1 is going to do, not how a different item is to appear.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Nov 26th, 2022 at 01:38 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now

So, I just wonder if in the intervening years has SD added this ability?

Many thanks!


Fraid not

You can create a folder in resources called "CSS" then add your CC code to that which when you export puts it into the CSS folder along with the others, but not in the main.css

to put it into the "main" you still have to do that after exporting which is fiddly better to do as Inger suggests
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Nov 26th, 2022 at 02:38 PM
User 2220522 Photo

Marty
Registered User
49 posts

I thought that might be the case. I know I could put that code in a separate css file but I was trying to cut down on calls to other js, css files to get better SEO through less render blocking resources, external calls. Probably I'm just being anal and it doesn't make a difference at all. :rolleyes:

Thanks for the input!

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.