Return to previous page

How to insert big logo full header type 10

This topic has 27 replies, 5 voices, and was last updated 10 years ago ago by Jack Richardson

  • Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 11:55

    Hi, i need your help, please look at my Site :
    http://samasamabali.com/web-wp/

    I am use Header Type 10, with box style.

    1. I want insert a big logo to full the header,
    the logo size is 1308 x 212 px, please help me the css code,

    2. How to Remove Language EN FR DE £ € $, and change this to WPML Language Selector?

    3. I have image 901×201 in revolution slider, but why its show blur? not Sharp such as original image?

    Big Thanks,

    Kind Regards

    #102116 Copied Theme version: 2.3
    26 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    December 1, 2015 at 12:12

    Hello,

    1) As I see the logo image has small size. http://prntscr.com/9916we
    2) Please use this code in Theme Options->Custom CSS-> Global Custom CSS

    .header-type-10 .menu-wrapper .languages-area {
    display: none;
}

    3) Please provide us and wp-admin access in Private Content.

    Regards,
    Robert Hall.

    #102119 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 12:25

    1. Yes , i still make the logo, not finish, but how to insert big logo?

    3. i had give you in private area

    thank you.

    regards

    Please, contact administrator
    for this information.
    #102124 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 1, 2015 at 12:34

    Please add following code into the custom.css:.header-logo img{width:1308px; height:212 px}

    Regards,
    Brian Johnson

    #102129 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 12:38

    thank you brian, how about the revolution slider image blur? thanks

    #102132 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    December 1, 2015 at 13:05

    Hello,

    The image is blur because page container has width 1220px and your image is 901px of width. So upload slider image in higher resolution.
    Please try it.

    Regards,
    Eva Kemp.

    #102137 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 13:05

    Hi Brian, i have set css code for the big logo, but the logo show very small in front page,

    and i am still didn’t solve my image become blur in revolution slider, please help me, thank you

    Note : i have sent login credential in private

    Regards

    Please, contact administrator
    for this information.
    #102138 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 13:08

    is it can be change eva? thanks

    #102141 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 1, 2015 at 13:18

    Hello

    Please increase the slider width and height picture to 1500 width approximately http://prntscr.com/991rhh.

    Regards,
    Brian Johnson

    #102144 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    December 1, 2015 at 13:18

    Hello,

    I’ve replaced code in Global Custom CSS.

    .header-logo img {
    width: 1308px;
    max-width: 1308px;
    height: 212px;
}

    Do you have an image with bigger size for Revolution Slider?

    Regards,
    Robert Hall.

    #102145 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 13:43

    no, the image for revolution slider just this, with size 901×201,

    i have refresh my browser, but why the logo not center brian? thanks

    #102149 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    December 1, 2015 at 13:59

    The logo image is centered now. Do you want this image to full width? See screenshot: http://prntscr.com/9926r2

    Regards,
    Robert Hall.

    #102151 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 14:01

    Yes Brian, i want the logo Full Width, i am so sorry for my language, my english is not good,thanks

    Regards

    #102152 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 1, 2015 at 14:04

    Hello

    The image is blured and please set revolution slider options to the original size as i have mentioed before the small images with your size and settings are getting “blur” effect. i see that logo is centered Please send us the screenshot od desired look.

    Regards,
    Brian Johnson

    #102153 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 14:06

    oke brian, i will fix my revolution slider image, how about the logo full width?thank you

    Regards

    #102154 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    December 1, 2015 at 14:23

    I’ve added this image as background image to get full width. Please check now.

    Regards,
    Robert Hall.

    #102161 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 14:34

    thank you for help me brian, and i have seen your css code, but
    i have measure header size , i see it 1308 x 331px,
    i made a logo with the size 1308 x 331px, and upload

    but why my logo not perfect show in my homepage?

    thank you

    #102165 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 14:36

    so what is the best size for my logo with this header settings? thanks

    #102166 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 14:42

    or should i reduce the height of header?

    #102168 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    December 1, 2015 at 14:47

    Your image is not correct as logo.
    In this case will be better if you try to uploade icon and text of your image as logo in Theme Options-Header. See screenshot: http://prntscr.com/992ol6
    After this we can add a blue background color as color for all header content.

    Regards,
    Robert Hall.

    #102169 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 14:54

    I am sorry brian, so what must i do? what is the recomendation size of logo that must i create, and the text that you mean is The best japanese…? is it?

    so in theme option, i can fill the logo+text?thanks
    I am sorry too many ask for help
    Regards

    #102172 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 1, 2015 at 15:05

    what is the recomendation of header type to make logo in left, text in right and how about the background color of header blue? thank you

    #102180 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    December 1, 2015 at 16:36

    Hello,

    You should create the logo with icon and text as single image with transparent color ( for example 600×200) then upload it in Theme Options ->Header.
    After this step replace this code in Global Custom CSS.

    .header{
    background: url('http://samasamabali.com/web-wp/wp-content/uploads/2015/12/newlogobesar.png') no-repeat center 0px;
    width: 100%;
    background-size: cover;
}
.header-type-10 .header .header-logo img{
display:none;
}

    to

    .header {
    background: #323592;
}

    Regards,
    Robert Hall.

    #102199 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 2, 2015 at 05:43

    Thank you brian, as you said, i had change my logo to 600×200 px, and change css code to

    .header {
    background: #323592;
    }

    but why i look at my site, the logo become small than original? what must i do? thanks

    Regards

    #102283 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 2, 2015 at 07:18

    Hello

    Please add following code into the custom.css:

    .header-logo img 
 {max-width:100% !important;}

    Regards,
    Brian Johnson

    #102288 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    December 2, 2015 at 07:27

    thank you,

    #102289 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 2, 2015 at 08:23

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #102296 Copied
  • Viewing 27 results - 1 through 27 (of 27 total)

The issue related to '‘How to insert big logo full header type 10’' has been successfully resolved, and the topic is now closed for further responses

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Games Store – 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.