Finetuning – reducing the gap between the menue and the first title

Viewing 11 posts - 1 through 11 (of 11 total)
  • #19872
    Geri
    Participant

    Hi!

    1.)
    What can I do to reduce the gap after the menu and before the first title?
    I want to see the very first picture as a whole even when it’s a bit higher (normal ratio 2×3)

    2.)
    If the title (on the very first picture) is a bit longer it makes a 2nd line, is it possible to use up the whole width (the length of the picture)?

    3.) The first picture is not that sharp as it is in the lightbox – how to avoid that?

    To see what I mean klick on my site http://www.geri.at and you will understand… πŸ˜‰

    Thnx
    Geri

    #19877
    Daniel Tara
    Keymaster

    1. How the website displays above the fold depends on the screen resolution of each device. There’s no guarantee it will display above the fold regardless of the margin between title and menu. On my display it goes about 100px below the fold.

    2. Try this code:

    .page-template-template-full-width-php .hentry.onecol .entry-header {
    	width: 100%;
    }

    3. You changed the container size from 700px to 1004px but didn’t change the internal image handle. Open functions.php and find add_image_size( 'blog-thumb', 700 ... replace 700 with 1007.

    #19885
    Geri
    Participant

    2.) works fine – thank you!
    3.) does work in the articel itself, but not on the mainpage… – any other clue?

    Thnx
    Greets
    Geri

    #19889
    Daniel Tara
    Keymaster

    Try rebuilding the image thumbnail with this plugin.

    Also change the value for add_image_size( 'image-thumb', 700 ...

    #20074
    Geri
    Participant

    Hi!

    Still no sharp “first” picture – anything else I can do?

    #20120
    Daniel Tara
    Keymaster

    I see the image is cropped at 1004×300. The theme doesn’t set such a crop level, do you know it you manually set it at some point?

    #20135
    Geri
    Participant

    I did so, because when I used the web developer tool (addon in chrome and firefox) it told me the size of the element (element information). This was 1004px (something with entry…) – so I changed it in functions.php to 1004px.

    #20144
    Daniel Tara
    Keymaster

    You obviously changed it for the wrong image handle. The width for teaser-thumb should be 332px.

    #20147
    Geri
    Participant

    Oh –

    thank you…! Will try at the evening…!

    #20310
    Geri
    Participant

    I changed the teaser-thumb to 1004px
    Somehow I don’t make it.

    It’s sharp in the content itself, it’s not sharp on the very first page…

    Any clue?

    #20364
    Daniel Tara
    Keymaster

    The problem is that you are displaying a large image using the teaser-thumb handle which was designed to handle images of small sized that fit the theme’s grid. You’ll likely encounter issues that are all over the theme’s CSS with this handle. I recommend you declare your own handle and use it for that image.

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

You must be logged in to reply to this topic.