Tagged: , , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 8, 2013 at 6:51 pm #197737
    TomasOliva

    Hello! first tell you, I think I’m in love with this template! It is incredible!
    Here the question: I was watching the forum and I’m not sure I find what I need.
    I want a header like this:

    One logo margin on the left and two logos (together on one single image) margin on the right

    I dont have many skills writing css, That is why I am writing to you. It is possible?
    What is the best way? use an entire image with all these logos? or separate and marginalize as I mentioned before?

    Biggest logo is 180px high.

    I also like that in mobile devices look good … too much to ask??
    Greetings!
    Tom

    December 8, 2013 at 6:52 pm #197740
    TomasOliva

    sorry, here is the link to the image: https://www.dropbox.com/s/nmnjx6ijdrm6rn4/header.jpg

    December 8, 2013 at 10:22 pm #197790
    Yigit

    Hey!

    In WordPress dashboard please go to Appearance > Editor and open Header.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

    and add this code right above it http://i.imgur.com/hRFdFwt.jpg ( sorry cant post the code here it switches to HTML. Change link to your image and add some class, in this case .bok
    Then please add following code to Quick CSS in Enfold theme options under Styling tab

    img .bok { float: right; }

    That should do it

    Cheers!
    Yigit

    December 8, 2013 at 11:41 pm #197820
    TomasOliva

    Hi Yigit! thanks for the quick response on a Sunday!
    I did what you told me:
    • add this line of code in header.php http://i.imgur.com/hRFdFwt.jpg
    • add this line of code bok img {float: right;}. On Quick CSS

    But now I have this problem, here I attached a picture.
    https://www.dropbox.com/s/ln6ndjce2tagdpi/header-issues.jpg

    how can I fix this?

    December 9, 2013 at 2:34 am #197855
    Devin

    Hey!

    If you only want the one logo in your header then you don’t need to do the above at all. Just set the logo in the theme options.

    Regards,
    Devin

    December 9, 2013 at 5:37 pm #198094
    TomasOliva

    Devin Hi thanks for your answer.
    Maybe I did not explain well, I do not speak english very well, forget the logos.
    I’ll try to be more simple:
    I want to replace the logo for one header of 1300x180px.How can i do?

    December 9, 2013 at 5:38 pm #198095
    Yigit

    Hey!

    Simply upload it as logo then post the link to your website so we can provide you custom CSS code

    Regards,
    Yigit

    December 9, 2013 at 5:49 pm #198105
    TomasOliva

    Sure!
    here it is
    http://bocaproductos.com/wp/

    December 9, 2013 at 6:41 pm #198144
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .logo, .logo a { height: 180px; }
.bottom_nav_header.social_header #header_main .container { height: 179px; }

    Cheers!
    Yigit

    December 9, 2013 at 7:21 pm #198159
    TomasOliva

    Thanks Yigit. It works perfect.
    One last thing to achieve perfection: How can I remove the empty space above the logo / header?
    (Attached picture: https://www.dropbox.com/s/osp2hivmv6wyk9g/remove-space.jpg )

    December 9, 2013 at 7:35 pm #198168
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #header_meta { display: none; }

    Regards,
    Yigit

    December 10, 2013 at 5:07 pm #198598
    TomasOliva

    Thank you so much! It works perfect!
    cheers
    Tom

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘2 Logos on header? is that possible?’ is closed to new replies.