Center Page Titles

  • Resolved amateur999

    (@amateur999)


    4 years, 4 months ago

    I’m trying to center the Page Titles. I’ve read previous posts and followed the instructions but nothing is working. When I use Inspect on Chrome, I find this:

    .entry-title {
    clear: both;
    margin-bottom: 3px;
    text-align: -webkit-auto;
    }

    When I change the text-align selection to this:

    .entry-title {
    clear: both;
    margin-bottom: 3px;
    text-align: center;
    }

    This changes the alignment of the title to center on the page in the Chrome window. But when I add this to Additional CSS in the Customizer, nothing happens:

    .entry-title {
    text-align: center;
    }

    I tried adding it to the CSS Stylesheet in the Raindrops-Child theme I set up….still nothing. What am I doing wrong?

    Thanks,

    Gary

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter amateur999

    (@amateur999)

    Also, I would like to change the font of the Page Titles to the font in my logo – conthrax+Sb

    And maybe the size of the font.

    I tried all the suggestions and more. I can’t make any modifications to the Page Titles work.

    Is there is a way I can get you an email and password privately so you can login and see the pages?

    Thanks,

    Gary

    Theme Author nobita

    (@nobita)

    Hi

    Due to the layout change function in the customizer, setting the style is more troublesome than the usual theme.
    Please refer to an example of center alignment of titles.

    
article {
	text-align: center;
}

.entry-content {
	text-align: left;
}

.entry-title>a>span {
	margin-left: auto;
	margin-right: auto;
}

.this-posted-in:before {
	display: none;
}

.single .entry-title,
.page .entry-title {
	text-align: center;
}

.single .entry-title,
.page .entry-title,
.entry-title>a>span {
　　　　/*set conthrax + Sb here*/
	font-family: serif;
}

    Please paste customizer Additional CSS.

    If the above settings do not work, I need to check your website.

    Thank you.

    • This reply was modified 4 years, 4 months ago by nobita.

    I too am using Raindrops and really appreciate your work.

    The one change I can’t figure out is specifying the Title Font and Style. I tried pasting the above into Additional CSS but there is no change.

    Can you offer CSS to specify font and style for the page title? If not in Additional CSS, what css file needs to be edited?

    Thank-you, Pete

    Theme Author nobita

    (@nobita)

    Hi @pjwx

    Customize / Site Identity /

    CSS Class of Site Title

    Customize / Presentation / Post /

    Entry Title Class

    try input below values

    
google-font-lobster f40

    raindrops will try to automatically convert the class with the prefix google-font to the corresponding font

    https://fonts.google.com/specimen/Roboto

    google-font-roboto

    https://fonts.google.com/specimen/Open+Sans

    google-font-open-sans

    f40 is font size class

    you can use f10-f40.

    other hands, using Customize / Additional CSS

    
#bd .entry-title-text{
	font-family:sans-serif;
	font-size:40px;
}

    If you have any questions, please create a new post below.
    If you add a question to another post, it will be hard to find.

    Thank you.

    Greatly appreciated.

    This Additional CSS does what I want when Box Layout Responsive Layout is used.

    #bd .entry-title-text{
    font-family:sans-serif;
    font-size:20px;
    }
    #doc3 .site-title-link{
    font-family:sans-serif;
    font-size:36px;
    font-weight: bold
    }

    Thank-you, PJWX

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center Page Titles’ is closed to new replies.