I know we can easily style individual tag selectors, class selectors and ID selectors in Site Designer, but is there a way to specify:
1. Compound selectors - like 'h3 > em', to automatically style all 'em' elements inside an 'h3'?
2. Pseudo-elements - like '::placeholder', or '::before'?
3. Pseudo-classes - like ':optional', or ':first-child'?
Many thanks in advance for any guidance!
Advanced CSS Selectors in Site Designer?
igor
Guest
8 posts
Inger
Senior Advisor
14,547 posts
On the Styles pane in SD you will find the pseudo classes. The other things you mention have not been implemented yet. We have been asking for them, though.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
igor
Guest
8 posts
Thank you for the quick feedback, @Inger!
Is it possible for us to include an external stylesheet in the project, or even add some hand-coded CSS to the `<head>` elements of all pages? That might make it possible to overcome some of those limitations - at least until they are implemented.
Apologies to ask so many questions. I downloaded a trial version of Site Designer over a month ago, opened it, had a quick look, and quit it. When work finally quieted down, I went back to have a good play with it, but was greeted with a message that my 'trial has expired'...
Site Designer looks like an awesome tool, but I'd like to make sure I can use it in my workflow before I commit.
Is it possible for us to include an external stylesheet in the project, or even add some hand-coded CSS to the `<head>` elements of all pages? That might make it possible to overcome some of those limitations - at least until they are implemented.
Apologies to ask so many questions. I downloaded a trial version of Site Designer over a month ago, opened it, had a quick look, and quit it. When work finally quieted down, I went back to have a good play with it, but was greeted with a message that my 'trial has expired'...
Site Designer looks like an awesome tool, but I'd like to make sure I can use it in my workflow before I commit.
Inger
Senior Advisor
14,547 posts
Yes, you can add your own style sheet. Just pop it into the Resources, and then open the Pages - Manage project and reference it in the head section of your page. If you click 'Use global', it will be attached to every page.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Its A Kind Of Bali Magic
Registered User
5,077 posts
Online Now
igor wrote:
Is it possible for us to include some hand-coded CSS to the `<head>` elements of all pages? That might make it possible to overcome some of those limitations - at least until they are implemented.
.
Is it possible for us to include some hand-coded CSS to the `<head>` elements of all pages? That might make it possible to overcome some of those limitations - at least until they are implemented.
.
Not only can you do it the way Inger suggests, but yes you can insert both CSS and JS code into the header or the footer of each page, as long as you enclose them in the relevant bracket thingie (or whatever you wish to call them)
<script></script. (for JS)
<style></style> (for CSS)
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
igor
Guest
8 posts
Thank you both @Inger and @Wayan! Is CSS + JS added this way (eg., directly in the head section) able to be viewed - or previewed - inside Site Designer itself, or only on an external browser?
Its A Kind Of Bali Magic
Registered User
5,077 posts
Online Now
igor wrote:
Thank you both @Inger and @Wayan! Is CSS + JS added this way (eg., directly in the head section) able to be viewed - or previewed - inside Site Designer itself, or only on an external browser?
Thank you both @Inger and @Wayan! Is CSS + JS added this way (eg., directly in the head section) able to be viewed - or previewed - inside Site Designer itself, or only on an external browser?
It will work on preview, on device view, and preview on
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
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.
