Adding media queries to a rich text module

SOLVE
Philysgdy
Contributor | Partner

Hi

Can I get some help on this I am creating a link to another landing page using a rich text module. I am working on a clients CMS and I dont have access to customise modules only code. Here is code

<div style="box-sizing: border-box; width: 400px; height: 50px; border: 1px solid #f26924; padding: 15px; position: relative; left: 24%;"><span style="color: #f26924;"><a href="/ilta-2021-connect-with-us" rel="noopener"><span><span style="color: #f26924;">DISCOVER ALL THE WAYS WE CAN CONNECT</span></span></a><a href="/ilta-2021-connect-with-us" rel="noopener" style="color: #f26924;"></a></span></div>

My problem is I need to make this responsive and I know I can't add media queries to inline css. 

 

0 Upvotes
1 Accepted solution

Accepted Solutions
miljkovicmisa
Solution
Top Contributor | Gold Partner

Hello @Philysgdy and thanks for writing, you can access the header html field in in the editor and inside it you can write css in the style tags. You can access it from the top tabs like in the screenshot:

 

Untitled.png

 

Next in the bottom you will see the "advanced" tab, when you expand it you will see the header html field, where you can write your css, check the screenshot below:

 

Untitled.png

Please write if you need any further assistance!

I hope my post answers your question, if so mind marking it as a solution.

View solution in original post

0 Upvotes
1 Reply 1
miljkovicmisa
Solution
Top Contributor | Gold Partner

Hello @Philysgdy and thanks for writing, you can access the header html field in in the editor and inside it you can write css in the style tags. You can access it from the top tabs like in the screenshot:

 

Untitled.png

 

Next in the bottom you will see the "advanced" tab, when you expand it you will see the header html field, where you can write your css, check the screenshot below:

 

Untitled.png

Please write if you need any further assistance!

I hope my post answers your question, if so mind marking it as a solution.

View solution in original post

0 Upvotes