Raw Content Help

Hello,
I am experiencing a strange confliction(?) when using two raw content boxes on a page.
My problem is that when I adjust the text height in one box, it change the text size in the other raw content area also.
Here is the code:


<!-- CSS Code -->
<style type="text/css" scoped>
.GeneratedMarquee {
font-family:Helvetica, sans-serif;
font-size:2em;
line-height:1.3em;
padding:1.5em;

}
</style>

<!-- HTML Code -->
<marquee class="GeneratedMarquee" direction="left" scrollamount="4" behavior="scroll">HuwJ Matsumura, Martijn Boosman, Kevin Sofen, Matt Chambers, Paul Andrews, Colin Bruford, Jill Van Der Pas, Mart Van Iersel</marquee>

I am needing to adjust the font size to 1em for the second box, but it changes the first too.

Hi @discomatt,

Thank you for reaching out to us. You might be using the same classes to both html elements. Try giving different classes to each html markup e.g GeneratedMarquee_box_1 and GeneratedMarquee_box_2 now style them separately e.g:

.GeneratedMarquee_box_1 {/* css here */}
.GeneratedMarquee_box_2 {/* css here */}

This should resolve the conflict. Hope this helps!

Perfect! Thank you.
And finally, I now have a checkbox in contact form 7 that I want to be checked by default and un-checked by the user if needed. Is there some simple CSS to achieve this?

Hello @discomatt,

The contact form 7 checkbox field does not have the option to set it as checked by default.

You might want to checkout the Acceptance Checkbox field:

Hope this helps.

Perfect, thanks Jade!

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.