-
GeriParticipant
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
GeriDaniel TaraKeymaster1. 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.GeriParticipant2.) works fine – thank you!
3.) does work in the articel itself, but not on the mainpage… – any other clue?Thnx
Greets
GeriDaniel TaraKeymasterTry rebuilding the image thumbnail with this plugin.
Also change the value for
add_image_size( 'image-thumb', 700 ...
Daniel TaraKeymasterI 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?
GeriParticipantI 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.
Daniel TaraKeymasterYou obviously changed it for the wrong image handle. The width for
teaser-thumb
should be 332px.GeriParticipantI 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?
Daniel TaraKeymasterThe 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.
You must be logged in to reply to this topic.