Support » Theme: Baskerville » help for the size of the header image

  • Resolved syhnes

    (@syhnes)


    hello everyone and sorry for my english.

    I’m trying to crop the header image like on my old site, here:https://otherfrequencies.com/

    on wordpress.com I could crop the image as I wanted.
    but now, on this new medium, I can’t. I don’t know where to find the line of code that allows me to fix this. I start in coding. I’m sorry for my silly question.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @syhnes,

    No worries. The aspect ratio of the two images are different, which is probably why they are displayed differently. Download the image from your WordPress.com site, upload it to your self-hosted installation, and see how it looks then.

    — Anders

    thank’s for help. I do not understand exactly what happened with this manipulation. mystery to me 🙂

    the second problème for me his the title and the logo:

    1: the title of my project has disappeared.

    2: and I managed to find where to change the size of my logo:
    in page “style.css”, in “.3 header”
    i change this:
    “.header .logo img {
    max-height: 80px;
    width: auto;
    }.”

    to this

    “.header .logo img {
    max-height: 400px;
    width: auto;
    }”
    that is ok for computer version.

    but that doesn’t change it for the portable or tablet version.
    off, I would also like to resize the size of the logo on laptop and tablet. how should i go about making it the most optymal?

    I’m starting to understand vaguely how css works, but several things are still missing.

    how can i fix problems?
    thank for help!
    when a noob tries to learn to program: P

    Theme Author Anders Norén

    (@anlino)

    Hi @syhnes,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .header .logo img {
    max-height: 400px;
    width: auto;
    }
    
    @media ( max-width: 800px ) {
    .header .logo img { max-height: 300px; }
    }

    If you make changes directly to the theme stylesheet, those changes will be overwritten the next time Baskerville is updated. If you add your changes to the Additional CSS field, the changes will persist after updates.

    Let me know if that does it.

    — Anders

    hi @anlino !!

    thanks for the help.

    the problem seems to be solved for smartphone and tablet. but the size of my logo is still very small.

    I understand the principle of additional css now. however, I still have trouble figuring out what allows me to resize the size of my logo.

    I’m trying to look for other information to understand how it works.

    my other problem: the title no longer appears.

    I reinstalled the theme, nothing helps.

    thank’s for help!!

    • This reply was modified 3 months, 2 weeks ago by syhnes.
    • This reply was modified 3 months, 2 weeks ago by syhnes.
    • This reply was modified 3 months, 2 weeks ago by syhnes.
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.