How to add CSS styles to a PHP code within a loop?

Question

I am trying to apply css styles to a php loop:

<h3 class='title'></h3>

However this does not seem to be applying the css style:

.title{
    color : red;
}

I have tried putting <?php ?> tags around the echo and then applying the css but that still doesnt work.

   $sql = "SELECT * FROM events LIMIT 10;";
                $result = mysqli_query($conn, $sql);
                if (mysqli_num_rows($result) > 0){
                    while ($row = mysqli_fetch_assoc($result)){
                        echo "<p></p> ";
                        echo "<h3 class='title'>Event name: </h3>";
                        echo " ";
                        echo $row['eventname'];
                        echo "<p></p> ";
                        echo "<h3 class='title'>Event Venue: </h3>";
                        echo " ";
                        echo $row['venue'];
                        echo " <p></p>";
                        echo "<h3 class='title'>Event Date: </h3>";
                        echo " ";
                        echo $row['date'];
                        echo " <p></p>";
                        echo "<b>Event Description: </b>";
                        echo " ";
                        echo $row['eventdescription'];
                }
            }


        ?>

Hello, Have you tried below code. <?php echo "<style>.title{ color : 'red';}</style>" ?> — JavidRathod
– JavidRathod, Commented Oct 9, 2017 at 4:36
d joe so what problem you are facing?Seems to be working fine — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Oct 9, 2017 at 4:39
is <h3 class='title'>Event name: </h3> is showing in your out? — Athul Nath
– Athul Nath, Commented Oct 9, 2017 at 4:40
so you are applying css on the same page or in a css file which is included to this code page? — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Oct 9, 2017 at 4:44

Cy Rossignol · Accepted Answer · 2017-10-09 04:36:36Z

0

We need to use a colon (:) instead of an equal sign to assign a CSS property value:

.title {
    color: red;
}

answered Oct 9, 2017 at 4:36

Cy Rossignol

17k6 gold badges61 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cy Rossignol Over a year ago

@djoe This doesn't seem like an issue related to PHP. Try inspecting a .title element using the developer tools of your browser. Check to see if something else overrides the color property in the element styles.

JavidRathod · Accepted Answer · 2017-10-09 05:18:03Z

0

<?php echo "<style>h3.title{ color : red;}</style>"; ?>

Use This Code

edited Oct 9, 2017 at 5:18

answered Oct 9, 2017 at 5:09

JavidRathod

4832 silver badges10 bronze badges

2 Comments

d joe Over a year ago

the text just disappears when i do that ? not sure why

JavidRathod Over a year ago

Which text disappear? Please remove single quotes from red and try !important property after that.

Demo Demo · Accepted Answer · 2017-10-09 05:52:45Z

0

<?php $sql = "SELECT * FROM events LIMIT 10;";
                $result = mysqli_query($conn, $sql);
                if (mysqli_num_rows($result) > 0){
                    while ($row = mysqli_fetch_assoc($result)){
                        echo "<p></p> ";
                        echo "<h3 style='color:#ff0000' class='title'>Event name: </h3>";
                        echo " ";
                        echo $row['eventname'];
                        echo "<p></p> ";
                        echo "<h3 style='color:#ff0000' class='title'>Event Venue: </h3>";
                        echo " ";
                        echo $row['venue'];
                        echo " <p></p>";
                        echo "<h3 style='color:#ff0000' class='title'>Event Date: </h3>";
                        echo " ";
                        echo $row['date'];
                        echo " <p></p>";
                        echo "<b>Event Description: </b>";
                        echo " ";
                        echo $row['eventdescription'];
                }
            }
?>

answered Oct 9, 2017 at 5:52

Demo Demo

825 bronze badges

2 Comments

Ultimater Over a year ago

The suggestion here is to add style='color:#ff0000'. This would make sense if there's another .title rule with higher priority.

200_OK Over a year ago

Explain your answer too else its hard to other to understand.

Collectives™ on Stack Overflow

How to add CSS styles to a PHP code within a loop?

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related