How to change the title position to the right of the logo?

  • Author
    Posts
  • #162316

    newpower2021
    Member

    Hi there,

    How to change the title position to the right of the logo and the color of the site title only. (newpower)

    The blog I need help with is newpower2021.wpcomstaging.com.

    #162329

    tarasdashkevych
    Theme Author

    Hello,

    Please add this custom CSS to display your site title next to the logo:

    
    .site-branding {
      display: flex;
      align-items: center;
    }
    
    .site-branding .custom-logo-link {
      margin-right: 1rem;
    }
    

    In order to change a default color of the title, please use this custom CSS:

    
    .site-branding .site-title {
      color: orange;
    }
    

    Here is a quick guide on how to add a custom CSS at WordPress.com: https://wordpress.com/support/editing-css/

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #162337

    newpower2021
    Member

    Hi tarasdashkevych

    Thank you so much for your helping. but can the logo align to the center in mobile phone view?

    #162348

    tarasdashkevych
    Theme Author

    Sure. Please also add this custom CSS to your site:

    
    @media (max-width: 768px) {
      .site-header .site-branding {
        justify-content: center;
      }
    }
    

    It should center your logo in smaller screens.

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #162398

    newpower2021
    Member

    Hi tarasdashkevych

    Perfect!. Thank you so much.

    Do you know how we can change the text of “projects type” to “Products”

    https://newpower2021.wpcomstaging.com/project-type/g075kva-g150kva/

    #162407

    tarasdashkevych
    Theme Author

    Hello,

    By default, WordPress does not provide an option to change the text of “projects type”. It’s something that comes from the core. However, we can use a custom CSS to change the text:

    
    .tax-jetpack-portfolio-type .page-title > span:nth-child(1) {
      font-size: 0;
    }
    
    .tax-jetpack-portfolio-type .page-title > span:nth-child(1)::before {
      content: "Products:";
      margin-right: 0.25em;
      font-size: 1.602rem;
      color: #6e7273;
    }
    
    @media (min-width: 500px) {
      .tax-jetpack-portfolio-type .page-title > span:nth-child(1)::before {
        font-size: 2.027rem;
      }
    }
    

    There is also a plugin which is designed to modify labels but I’ve not tested this plugin, so I am not sure if it works properly.

    While our themes should work fine with most plugins, there is no way for us to test and guarantee that all of these plugins will be compatible with our themes. If the plugin has been coded to WordPress’ standards then it should play nicely with our themes.

    If you have any additional questions about the site title please let me know in this topic.

    If you have any new questions about the theme, please open a new thread in this forum and I will be happy to help.

    Kind regards,
    Taras

    #162449

    newpower2021
    Member

    hi tarasdashkevych

    once again, thanks for your kind assistance.
    the plugin is working.

    #162459

    tarasdashkevych
    Theme Author

    You are very welcome!

    Kind regards,
    Taras

The topic ‘How to change the title position to the right of the logo?’ is closed to new replies.