I have multiple registration buttons and I’m looking for a way to use CSS for coloring the buttons rather than inline Style=background-color.
This is my html code.

form action=”registration.php” method=”post” name=”ApplicationsForm” id=”ApplicationsForm” align=”left”
input type=”submit” name=”ApplicationForm” id=”ApplicationForm” value=”Register for a Class”
span style=”color: blue;”>To Register: Click “Register for a Class” and complete the form.
/form

Thanks much
Dub

my grid layout is broken and all items, except for the navbar and hero-image, cling to the left – and even stranger, my main section containing the body of text extends all the way out. this is a 3 minute quick fix for you CSS experts and I could really use your help! Here is my code and some more details https://stackoverflow.com/questions/59775696/css-grid-layout-appears-to-float-left

Hi,

I’m playing with this horizontal scroll, but having trouble getting it to work with Firefox. Chrome and Safari handle it fine. I have no way to test IE. Any tips or ideas?

codepen https://codepen.io/sarcodes/pen/XWJoBGy

fvgz

Hi,

I have a WordPress multi site (site.com / subdomain1.site.com / subdomain2.site.com), and I want to change the primary color depending of the subdomain.
I have assigned a class to the body depending of the subdomain.

I tried this :
.subdomain-1
$primary : #5E1B3C
.subdomain-2
$primary: #BE0050

But it doesn’t work. Have you got an idea of how to do this ?

Thank you !

Hello there. Interesting thread, thanks for the information.

Hey guys,

Having the same issue.

Wondering if someone can confirm this,

my filepath

file:///Users/asaule/Dropbox/html5theme_1/assets/css/images/banner.jpg

HTML code;

CSS code;

#banner {

background-image: url(/images/banner.jpg);
background-attachment: fixed;
background-position: center;
/* border-top: solid 1px #005782; */
box-shadow: inset 0px 1px 5px 0px #3e484f;
padding: 35px 0 35px 0;
display: block;

}

Please let me know if you have any tips

Hey everyone!

I have invested much time, but I cannot find a solution to make the CSS underline like the following picture:

Here how it should look: https://i.stack.imgur.com/CPqMl.jpg

It is a heading with centered text. At bigger screens, the text is displayed in just one line.

It would be nice if the red underline isn´t directly connected with the words (so that it is responsively).

Have you a CSS snippet or a link?

Thanks in advance!

<?php
        if( get_post_type() == 'tribe_courses' ) {
           echo '<a href="/courses/passion-and-provision-course-2018/"><h1>Passion & Provision<sup>®</sup></h1>
                <h2>– COURSE –</h2></a><br>';
        } else {
             echo  '<a href="/"><h1>HaBO Village</h1>
                    <h2>Helping Leaders Build Passion & Provision<sup>®</sup> Companies</h2></a><br>';
        }
?>

Hi!

Does anyone have any idea how I can make the background gradient to continue when scrolling?

Code: https://jsfiddle.net/Lfpb8woa/1/

Thanks in advance!