Return to previous page

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

This topic has 16 replies, 3 voices, and was last updated 10 years, 11 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

    #5232 Copied
    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

    #5234 Copied
    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?

    #5235 Copied
    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

    #5238 Copied
    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

    #5239 Copied
    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

    #5242 Copied
    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 14:48

    Thank you Jack!

    But with that code does not work either

    #5273 Copied
    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

    #5275 Copied
    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:13

    This is what you see in a mobile

    error with the logo

    #5277 Copied
    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:14

    this is the link to the image

    http://www.subirimagenes.net/i/14052804155577444.png

    #5278 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 28, 2014 at 15:33

    Hello,

    Please provide us with admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    #5284 Copied
    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.
    #5287 Copied
    Avatar: ramon
    ramon
    Participant
    May 28, 2014 at 15:48

    Here you are

    #5290 Copied
    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

    #5291 Copied
    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!!

    #5303 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 28, 2014 at 16:48

    Hello,

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

    Regards,
    Eva Kemp.

    #5306 Copied
  • 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

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme

See All Templates

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