Inline style to PHP

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

I have a piece of PHP code to grab my post title which I am putting inside of a PHP element on my page builder.

$h4 = get_the_title();`echo '<h4>' . $h4 . '</h4>';`

I want it to be a H1 but want to style the H1 differently to my global H1 settings. I would like this H1 centered with font color white and font size 60px. Can anyone please help me with this?

Thanks

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

I have a piece of PHP code to grab my post title which I am putting inside of a PHP element on my page builder.

$h4 = get_the_title();`echo '<h4>' . $h4 . '</h4>';`

I want it to be a H1 but want to style the H1 differently to my global H1 settings. I would like this H1 centered with font color white and font size 60px. Can anyone please help me with this?

Thanks

• php

Share Improve this question asked Feb 14, 2019 at 15:03 dan2017dan2017 311 silver badge44 bronze badges 1

• This can be done with CSS and HTML classes, neither of which are WordPress specific – Tom J Nowell ♦ Commented Feb 14, 2019 at 15:29

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 2

Why not add a CSS class to the H1?

echo '<h1 class="custom-style">' . get_the_title() . '</h1>';

then in your child theme or custom CSS, apply the style to that class:

h1.custom-style { 
    text-align:center; 
    color:#fff;
    font-size:60px; 
}

Replacing your code little bit.

$title = get_the_title();
echo '<h1 class="centered-title">' . $title . '</h1>';

I changed the heading tag to H1 tag and added a CSS classname centered-title. Open your style.css file of your theme or go to Customizer -> Additional CSS box and add this CSS:

.centered-title {
   color: #fff;
   font-size: 60px;
   text-align: center;
}