Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • November 21, 2017 at 5:42 pm #879838
    codecreative

    hi guys

    I’ve follow the thread here

    Adding a widget area to the header

    And I have the number appearing above my logo, what I’d like is to have this to the right of the logo. The logo is currently in the middle but I’d like the space between the logo and telephone number to be the middle

    Please see http://livinginvogue.flywheelsites.com/contact/

    So I’m trying to achieve
    LOGO (MIDDLE OF PAGE) TELEPHONE NUMBER

    Here is an artist impression of mine in photoshop of what I am trying to achieve

    https://imgur.com/a/7gysv

    • This topic was modified 7 years, 1 month ago by codecreative.
    November 22, 2017 at 3:13 pm #880310
    Victoria

    Hey codecreative,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#text-7 p {
  font-size: 26px;
}
@media only screen and (min-width: 940px) {
  #header .widget {
    left: 60%;
    top: 12%;
  }
.html_header_top.html_logo_center .logo {
    left: 35%;
}
}

@media only screen and (min-width: 767px) and (max-width: 939px) {
  .html_header_top.html_logo_center .logo {
      left: 18%;
  }
    #header .widget {
    left: 60%;
    top: 12%;
  }
}
@media only screen and (min-width: 485px) and (max-width: 650px) {
  #header #text-7 .textwidget p {
     font-size: 18px;
  }
   #header .widget {
    left: 70%;
    top: 17%;
  }
}

@media only screen and (max-width: 479px) {
  #header #text-7  {
      display: none;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 13, 2017 at 4:17 pm #888412
    codecreative

    Wow great thank you that is amazing thank you!

    Is it possible to remove the 2pixel white line that is appearing below the site navigation bar and above the slide show

    I’ve been trying this and can’t figure it out

    December 13, 2017 at 4:50 pm #888448
    Victoria

    Hi codecreative,

    It’s the padding added in quick css that does that

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 13, 2017 at 5:35 pm #888473
    codecreative

    thank you

    December 13, 2017 at 10:50 pm #888592
    Nikko

    Hi,

    Glad to hear that. Let us know if you need further assistance or if we can close the thread :)

    Best regards,
    Nikko

    December 14, 2017 at 2:52 pm #888908
    codecreative

    Hi Nikko

    Having a strange one for some reason the logo is appearing blurry on the site
    http://livinginvogue.flywheelsites.com

    I’m not to sure why if you go to the url of the logo at
    http://livinginvogue.flywheelsites.com/wp-content/uploads/2017/12/living-in-vogueHighQuality2.png

    You can see the differene
    Is it something to do with the above css we applied?

    December 14, 2017 at 5:49 pm #889001
    Victoria

    Hi codecreative,

    You should have a higher resolution for the logo, decrease image compression and upload the logo again
    http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 15, 2017 at 4:07 pm #889327
    codecreative

    I will try this now thank you Victoria

    Strangely never had to do this before, is this issue created by the server or the theme?

    December 15, 2017 at 4:16 pm #889328
    codecreative

    So strange this didn’t have an impact

    If you go to the absolute url path
    http://livinginvogue.flywheelsites.com/wp-content/uploads/2017/12/living-in-vogue2.png

    You can see the image appears crisp

    But the enfold theme is doing something so when it loads on the page it seems blury
    http://livinginvogue.flywheelsites.com

    Do you recommend anything else we can try?
    login information below

    December 16, 2017 at 7:09 pm #889642
    Victoria

    Hi codecreative,

    The rule in the article applies to jpeg, did you find the setting for the png?

    Best regards,
    Victoria

    December 20, 2017 at 3:11 pm #890794
    codecreative

    hi no is it the same but with png instead so like this?

    add_filter(‘png_quality’, function($arg){return 100;});

    December 20, 2017 at 3:16 pm #890800
    codecreative

    ive just tried it with a jpg at 100% quality and it is blurry still

    is it possible the above css modifications could be make it appear a bit fuzzy?

    To highlight the difference I have included the logo again at the top of the page immediately below the current logo at site navigation menu.

    Can you see how different they both are yet they are the same png image. I’m not sure what in the theme is doing this to make the logo image fuzzy.

    I don’t mind but my client has picked up on it and is wanting me to fix it

    December 20, 2017 at 6:02 pm #890876
    Victoria

    Hi codecreative,

    The above css does not affect the logo quality. You need to ask your designers or client to provide a hi-res big logo and use it on the website. If the logo is not transparent, try jpeg. Do you have a jpeg version in the media library?

    Best regards,
    Victoria

    December 27, 2017 at 6:14 pm #892176
    codecreative

    Hi Victoria

    Thank you for your support throughout this ticket.

    Yes I agree that in my experience css has nothing to do with it. So take a quick look if you can at

    View post on imgur.com

    You can see the difference between the two images. The one on the top bar is slightly fuzzy and pixelated but below that in the content area you can see the identical same image appearing crisp. You can also view this in real time at http://livinginvogue.flywheelsites.com/test-page/

    Both are of the same image, identical image, so what I am trying to figure out is why they appear differently? One appears lower quality, it must have something to do with the theme in some way. I’m sure anyone can agree there is a clear visible difference

    This screenshot rules out it being anything file related, would you agree?

    I hope we can figure this one out its confusing me

    • This reply was modified 6 years, 11 months ago by codecreative. Reason: amended the image to a test page for you to see the difference... Its quite drastic url to view http://livinginvogue.flywheelsites.com/test-page/
    January 3, 2018 at 3:59 pm #892873
    codecreative

    hi do you have any suggestions to why this is happening?

    ive just updated the theme to 4.2

    January 4, 2018 at 4:32 am #893063
    Ismael

    Hi,

    Thank you for the info. Please try the following css code.

    .logo img {
    image-rendering: pixelated;
}

    Best regards,
    Ismael

    January 4, 2018 at 7:49 pm #893383
    codecreative

    Wow that appears to have fixed it!

    So why did this happen on this site normally it isn’t needed to be applied? Just curious

    January 5, 2018 at 7:12 pm #893808
    Victoria

    Hi codecreative,

    Glad Ismael helped you to get it working for you! :)

    Normally, it’s quite the opposite.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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