text in images are blurry

  • Author
    Posts
  • #64686
    atornroos
    Member

    Hi there, I have two questions for you.

    1. Why the images which contains text looks blurry and what can I do to avoid this? I have tried different formats .jpg, .png and .gif but it didn’t make any difference. When I click the image and it opens to its own window, it’s sharp, otherwise its blurry.

    2. is it possible to change the color of the sliding sidebar, the one which is now two-toned grey.

    Thanks!
    *Anne
    annetornroos.com

    The blog I need help with is: (visible only to logged in users)

    #64855
    atornroos
    Member
    Original poster

    Okei, already figured out the solutions to my first question!

    #64857
    thejohnparris
    Theme Author

    Hi,

    There’s not an option to change the sidebar color, but if you have the Custom Design upgrade it can be changed by adding some custom styles. If you change the background color, you may need to change the text color too depending on the color you select.

    You can add the following styles under Appearance > Customize > CSS.

    For background colors:

    .site-header,
    .widget-area .branding-widget,
    .widget-area .main-navigation,
    .widget-area .widget {
        color: #c7d5df;
    }

    For text colors, if needed:

    .widget-area,
    .widget-area a {
        color: #383f49;
    }

    #64869
    atornroos
    Member
    Original poster

    Thank you for your reply!
    Somehow, the code only changed a part of the text and the background color is still grey.
    Can I do something more?

    *Anne

    #64871
    mmcalister
    Theme Author

    Hi Anne,

    Here are a few updated blocks of styling that should knock it into place. You can replace the blocks above with these.

    .site-header,
    .widget-area .branding-widget,
    .widget-area .main-navigation,
    .widget-area .widget {
        background: #c7d5df;
    }
    .widget-area,
    .widget-area a,
    .widget-area .widget-title,
    .widget-area .widgettitle,
    .widget-area .site-title a {
        color: #383f49;
    }
    #64872
    atornroos
    Member
    Original poster

    perfect!!
    Thank you :)

  • The topic ‘text in images are blurry’ is closed to new replies.