Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 3, 2015 at 12:30 pm #405082
    rijnencreatie

    I’m still struggling with the logo in the website I am building for my customer. It is a very wide ‘logo’, a long text. When I make the document wider, it is placed smaller.
    Now I have tried a lot of options, it is not really bad but I would like better.
    The logo is centered, but I would like it more to the left, more above the heading of the page below.
    When I make a document form my logo with a piece of white at the right so that I hope that the visible part is more to the left, the logo is shown smaller then before and that looks not better.
    Is it possible to add code that the logo is not centered but for example is placed 200 px to the left?
    Or an other way to handle a logo so wide?

    March 3, 2015 at 9:43 pm #405427
    Elliott

    Hey Marcel!

    Your just trying to move it to the left a bit? If so then try adding this to your custom CSS.

    .html_header_top.html_logo_center .logo { transform: translate(-60%, 0px) !important; }

    Best regards,
    Elliott

    March 4, 2015 at 10:52 am #405680
    rijnencreatie
    This reply has been marked as private.
    March 5, 2015 at 7:02 am #406246
    Ismael

    Hey!

    When you upload the logo, make sure that you select the full size. Go to Enfold > Header then set the Header Size to custom pixel value. Adjust the height of the header same as the height of the actual logo image. Add this to the Quick CSS field to move the logo further to the left:

    strong.logo {
left: -200px;
}

    Best regards,
    Ismael

    March 6, 2015 at 1:07 pm #406958
    rijnencreatie
    This reply has been marked as private.
    March 7, 2015 at 2:06 pm #407478
    Ismael

    Hey!

    Add this to the Quick CSS field:

    .logo img {
width: 800px;
height: 120px;
}

    It will adjust the logo image to its actual size.

    Cheers!
    Ismael

    March 9, 2015 at 11:51 am #407980
    rijnencreatie
    This reply has been marked as private.
    March 10, 2015 at 8:44 am #408663
    Ismael

    Hey!

    Please replace it with this:

    .logo img, .logo, .logo a {
width: 800px;
height: 120px;
}

    That should fix it.

    Regards,
    Ismael

    April 7, 2015 at 7:27 pm #424899
    Egorro

    I tryed to use the CSS code above and I got blurry logo image. It is very important to use width:auto instead of fixed width though.

    My header hight is set manually at 77px. My logo size is 77×535 px, so I added the code:

    .logo img, .logo, .logo a {
width: auto;
height: 77px;
}

    It seems that my logo is downsampled and then it is made bigger. May be I can turn off this downsampling “feature”?

    April 7, 2015 at 7:52 pm #424907
    Egorro

    I have resolved the issue. While uploading my logo I have chosen to load it as fullsize. Now it works nice. Such a small thing but so much trouble :)

    Thank you for the greatest theme ever! ))

    April 8, 2015 at 8:00 am #425114
    Rikard

    Hey!

    It can be easy to miss, glad you solved your problem and thanks for the kind words :)

    Cheers!
    Rikard

    October 3, 2015 at 4:00 pm #513159
    EAA

    Note: that choice of upload size happens RIGHT after you upload above the “use as logo” button.

    Additionally, I added the following into Quick CSS / Styling area:

    .logo img {
    width: 950px!important;
    height: 155px!important;
    }
    thx/G

    • This reply was modified 9 years, 2 months ago by EAA.
    October 5, 2015 at 6:57 am #513493
    Rikard

    Hey @EAA,

    Thanks for the input :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.