CODEWITHSUNDEEP
htmlcssblogsbloggertitle
Fahad Uddin
Fahad Uddin

Reputation: 207

How to move blog title in the middle of the screen?

I am very new to blogging. My blog has its title description at the top-left but I want it to be in the middle of the screen and the description of the blog beneath the image.

I tried the following code but the title is still at the top-left corner:

<title style="text-align:center"><data:blog.pageTitle/></title>

Thanks in advance.

Upvotes: 4

Views: 27040

Answers (5)

karem
karem

Reputation: 1

You can also put style="text-align: center" next to div class='titlewrapper' in html and it will work.

Upvotes: -1

Hajj Maulid Makokha
Hajj Maulid Makokha

Reputation: 1

This worked well for me
STEP1: Dashboard > Tepmlate > Edit HTML
STEP2:Search in the editor by pressing Ctrl+F for the following headercode:.Header h1 {
STEP3: Save your work and refresh the page
THE BLOG TITLE SHOULD NOW BE IN THE MIDDLE OF THE PAGE

BONUS - Here is the code I added: text-align: center;
You can also add the same code in the description below your blog title code to align it at the center. Here is the description code you should search for in the editor: .Header .description {
Add the same code in it text-align: center;

Upvotes: 0

Starx
Starx

Reputation: 79069

Well, I got it. The title is wrapped with a <h1> which is by default aligned at the left. so change it's CSS to text-align:center;

Use this

#titlewrapper h1 { text-align:center; }

Upvotes: 2

Stephan Muller
Stephan Muller

Reputation: 27630

The <title> element isn't used for the title displayed on your website, only for the title in the browser's top bar.

You'll have to edit the CSS file and set #titlewrapper { text-align: center }

Alternatively you can add style="text-align: center" in the <div id='titlewrapper'> in your HTML.

Upvotes: 4

Frank
Frank

Reputation: 1056

<div style="text-align:center">Title of your blog</div>

Upvotes: 2

Related Questions