• On the homepage the Title shows up in the center… look good.

    On the pages it shows up left justified… how can I change that to center?
    Is there also an option to delete the Title(s) altogether?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author graysea

    (@graysea)

    You can create a child theme to modify the theme’s stylesheet.
    – Go to the WordPress install directory through your web host’s file manager.
    – Double click on wp-content, then themes and create a folder called bluesand-child inside the themes directory
    – Inside the bluesand-child folder, create a file and save it as style.css
    – Copy and paste the following into style.css:

    /*
    Theme Name: Bluesand Child
    Template: bluesand
    */
    @import url("../bluesand/style.css");
    
    .page .page-title {
    	display: none;
    	text-align: center;
    }

    – This will hide the page title. To show the title and align center, delete ‘display: none;’
    – Lastly, look under Appearance->Themes in the admin dashboard and activate Bluesand Child.

    Thread Starter mkirchhubel

    (@mkirchhubel)

    Thank you…

    Would I follow a similar route in order to change the font of the theme? If so what code would I use?

    Theme Author graysea

    (@graysea)

    Is it a web safe font? See https://www.cssfontstack.com/ for a list. If so, add the following to style.css

    body {
    	font-family: "Times New Roman", serif;
    }

    Replace Times New Roman with the font you want and serif with a generic font. See https://www.w3schools.com/cssref/css_websafe_fonts.asp for examples.

    If it’s a Google font, create a file called functions.php in the bluesand-child folder. Copy and paste the following into functions.php:

    <?php
    /*
    Bluesand Child Functions
    */
    
    function bluesand_child_google_font() {
    	wp_enqueue_style( 'bluesand-child-google-font', '//fonts.googleapis.com/css?family=Roboto:400,400italic,700' );
    }
    add_action( 'wp_enqueue_scripts', 'bluesand_child_google_font' );

    Then in style.css, add:

    body {
    	font-family: 'Roboto', sans-serif;
    }

    Get the font url and font-family of your choice from https://www.google.com/fonts and change the code accordingly.

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