CSS Code to shrink vertikal pictures in the gallery also shrink my logo

  • Posted in : Editor
  • Nathalie
    Participant

    Hi Serkan,

    I did have the problem before. That I want to add vertikal pictures in the gallery, as I do also take vertikal photos I want to show. In the gallery they show up way to big, so I always had to type in the css code you told me in the past

    .rg-image img { max-width: 400px; }

    typing in that code unfortunatly also shrimp my logo. Do you have a solution for that problem?

    Thank you very much!

    Nathalie

    Nathalie
    Participant

    and when I type in the code for changing the logo again

    .site-header .site-title img { max-height: 200px; margin: -1.5em; }

    the vertical pictures in the gallery are as big as in the beginning :-(

    serkan
    Moderator

    Hi,
    Could you provide me your related url please?
    I will check and run some test on the code.
    Thanks

    Nathalie
    Participant

    Ok thank you. My blog is not published yet, So I would profere to make it availibe only fo a few hours :-)
    Also when I change the em number in this code
    .site-header .site-title img { max-height: 200px; margin: -1.5em; }
    the logo picture overlaps the line of the main slider. As my logo does have a long writing and it is only possivle to upload a square picture. I would prefer a bigger logo with less white space about and underneath.

    Thank you very much.

    My URL is http://www.guteweltgeschichten.de

    Nathalie
    Participant

    is there also something I can do that the picture in the gallery load more quickly, when you watch them?

    serkan
    Moderator

    Hi, this custom CSS code can not affect the logo. It could be affected by third party plugins.

    .rg-image img { max-width: 400px; }

    And I won’t recommend you to use margin: -1.5em for the logo. You should edit your logo in photoshop and remove the white space below and above it then save it. Your logo has too much white space itself.
    Thanks

    Nathalie
    Participant

    I did my logo with Canva, Just removed some of the white space. How can I find out with the plugins. Everytime I enter the code the size of the logo changes.

    Thank you Serkan

    serkan
    Moderator

    Hi Nathalie,
    You can deactivate all of your plugins and activate one by one. Each theme, check your logo size. You can detect the plugin with this way.
    Thanks

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register