Blog

 
Your client Lucy, a marketer at Top Chocolate Shop, wants you to add a CTA to each image in the image slider on the homepage. Lucy tells you that she wants to have more CTAs so she can generate more leads. How would you respond?

You’re correct, Lucy. The more CTAs we can place on the homepage, the more likely it is for a user to click on one.

I don’t think that’s the best approach. An extremely small percentage of users are likely to click on CTAs beyond the first CTA in an image slider.

You’re right, Lucy. CTAs above the fold are more likely to be seen and so we should add as many CTAs as possible.

I’d like to add the CTAs to the image slider, but it’s not possible to have a CTA and image slider in the same space.

https://www.youtube.com/watch?v=n9pfcM2O2Vw

Why is it better to use an attached stylesheet instead of inline styling for page templates?

Stylesheets separate content and design, simplifying the development process.

Inline styles only work for text elements. Stylesheets allow you to style more complex content, like divs.

It isn’t better. You should use inline styling when possible.

Because inline styles cannot be edited within the Layout Builder whereas stylesheets can be edited.

https://www.youtube.com/watch?v=p—tZIq8SI

When your CSS style is ready to be previewed, how do you make it available as a choice in the Style Menu?

Click ‘Save’ and it will automatically become available.

Copy all of the associated CSS styling and paste it into each module.

Click ‘Publish’ in the Code Editor to make it selectable.

Import the Style and insert the code at the top of your stylesheet.

https://www.youtube.com/watch?v=yyaXVvQgxP8

By default, new CSS files created in the Code Editor automatically include ‘modules.css’. What does ‘modules.css’ do?

It ensures that the layout is responsive — without it, nothing will be responsive.

It ensures that fixed-width modules, such as images or forms, become responsive.

It creates styling for modules that only applies to desktop devices.

It adds a ‘View Desktop Site’ link at the bottom of each page.

https://www.youtube.com/watch?v=r6FiLwLFDyQ