How to center the logo in the header of Blanco theme (WP)

This topic has 16 replies, 3 voices, and was last updated 9 years, 10 months ago ago by Eva Kemp

  • Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 11:29

    Hello,

    I have just discovered this support forum, I wrote a question in themeforest/blancotheme/comments but I think that this forum is the better place to do that.

    I am triying to center the logo in the header but I cannot. I know that I have to include some code lines in the custom.css file but I do not know what I have to write.

    I have not installed the last version of the theme because I did changes in the php files before realizing that child themes and custom.css files exits. Now I am planning to install WPML to include in the site the english version, it is recomended to install the updates?

    If so, is there any way to save the changes I have done in php files?

    regards

    15 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2014 at 11:43

    Hello,

    You can copy the php files in which you did changes into Child theme directory and then can upgrade safely. Here you can read all about Child theme creation: http://codex.wordpress.org/Child_Themes.

    Please provide us with link to your site.

    Regards,
    Jack Richardson

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 11:48

    Hi Jack,

    this is the url http://www.byneskapolita.com

    To center the logo it is also necesary to update?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2014 at 12:00

    Hello,

    To center logo you just need to add this code into your custom.css:

    #links, #top-cart  {
    width: 200px;
    }
    .logo {
    margin-left: 35%;
    }

    Here is the tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&feature=share&index=1.

    Regards,
    Jack Richardson

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 12:04

    Thank you Jack!

    It works perfect in the PC. But if I visit the webpage using a mobile device do not

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2014 at 12:30

    Hello,

    Please try to add into your custom.css the following code as well:

    @media only screen and (max-width: 959px) {
    .logo {
    margin-left: 32%;
    }
    #links, #top-cart  {
    width: 150px;
    }
    }
    

    Regards,
    Jack Richardson

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 14:48

    Thank you Jack!

    But with that code does not work either

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2014 at 14:57

    Hello,

    Could you please provide us with screenshot of your problem?

    Regards,
    Jack Richardson

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:13

    This is what you see in a mobile

    error with the logo

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:14
    Avatar: Eva
    Eva Kemp
    Support staff
    May 28, 2014 at 15:33

    Hello,

    Please provide us with admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:43

    Hi jack!

    What do you need? the username and password to enter in the WP dashboard?

    Please, contact administrator
    for this information.
    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:48

    Here you are

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2014 at 15:48

    Hello,

    Please try to add instead this code:

    @media only screen and (max-width: 959px) {
    .logo {
    margin-left: 2%;
    }
    #links, #top-cart  {
    width: 100px;
    }
    }
    }
    

    If it still doesn’t work please provide us with FTP and wp-admin credentials.

    Regards,
    Jack Richardson

    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 16:44

    Fantastic!!

    Now it works perfect!

    Please could yo delete the private post I wrote?

    Many thanks!!

    Avatar: Eva
    Eva Kemp
    Support staff
    May 28, 2014 at 16:48

    Hello,

    You’re welcome.
    The Private Content has been removed.

    Regards,
    Eva Kemp.

  • Viewing 16 results - 1 through 16 (of 16 total)

The issue related to '‘How to center the logo in the header of Blanco theme (WP)’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.