Forum Replies Created

Viewing 10 replies - 76 through 85 (of 85 total)
  • Thread Starter ulim

    (@ulim)

    Fantastic stuff! I just didn’t come up with the idea to click on “color” to get a chance to define a background image πŸ™‚

    Anyway, I am growing more fond of the theme by the day. Many super features, you just have to know how to get there. Those header background image options are really great. Now, for the ultimate prize, can I make this a random image selected from a pool? Probably stuff for a plugin?

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    Following up on myself – I just happened to restart my browser and now the image appears, so it was a browser refresh issue. Sorry for that, but my point still remains that the image is below the header, but I was looking for a header image.

    Thread Starter ulim

    (@ulim)

    Hello,
    I’ve tried to follow your video, but somehow I must be missing something, because I cannot get a header image to appear. In your video the image appears right after you select an image from the media library – but when I do that nothing happens. The header remains at it was before (as built by the header builder) and the page content does not change either.

    But it seems to me that your method does not create a header background image anyway, because in the video it clearly shows that the image is below the header menu. I would like to have it in the header area as the topmost element and the header menu should be below it.

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    Hey @gdandrija,
    Thanks a lot for your help. What your video shows is exactly what I’m after πŸ™‚

    I changed to the 2020 theme and, as you can see now, I was able to produce a full-width image of the kangaroos:
    https://www.top100golfcourses.de/wordpress/index.php/beispiel-seite/

    And on another page I could scale the same image to the full width of the text column:
    https://www.top100golfcourses.de/wordpress/index.php/datenschutzerklaerung/

    When I switch back to Primer the following happens:
    – The full page width image goes to full width of the text column
    – the full text column width image goes to somewhat smaller (about 1-2 em margin on both sides)

    By the way, any image smaller than text column width remains exactly that size, so the scaling seems to work in general, just not when I want to go full text column width or more.

    I am using the latest versions of WordPress and Primer, as I did install both of them from scratch. I’m also not using a caching system (I’m pretty sure of that because I self-host).

    Thread Starter ulim

    (@ulim)

    Hi @gdandrija,

    I have installed WordPress from scratch and done nothing else but install the Primer theme.

    Here is the page:
    https://www.top100golfcourses.de/wordpress/index.php/beispiel-seite/

    And here is the screenshot how it looks in the Gutenberg editor:
    https://abload.de/image.php?img=screenshotruju7.jpg

    As you can see, I have made the image wider in the editor, but no matter how I scale it (wider or narrower), it is always the same size on the page.

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    Hey @gdpavle,

    it’s an internal webpage unfortunately. I’ve made an image of 290×400 pixels and wanted it to show up to the side of the main content. So I thought to put it in the sidebar, but everything there is scaled down and on a white tile. I wanted my image in full size and sitting directly on the page background, not on a tile. The CSS formatting for the tile was on a parent element and that had no id, so I could not target just this one tile.

    But I found a workaround yesterday. I made two columns in the main content area and put the image in the right column and the text in the left. I still had to use a plugin (Getwid Image Box), because the normal Gutenberg Image block did not prevent the scaling down of the image. So this more or less works, but of course it would be nice to get it done with the sidebar in order to have a larger content area for the text.

    I’m a WordPress beginner and it’s sometimes hard to know whether something is happening in a theme or in the page builder or in WordPress itself. But I’m fairly impressed how advanced the platform is. So much to learn πŸ™‚

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    Ok, thanks for the info.

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    I found a good way to do this. It is possible to add CSS classes to menu items in WordPress: https://www.lockedownseo.com/add-css-classes-to-menu-items-in-wordpress

    Then it’s easy writing CSS that targets only a specific menu item, regardless of its technical id.

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    Hello @gdpavle,

    many thanks for your tip. It gave me this selector:

    #menu-item-693 > a

    Now I wonder whether that ID will be stable. Wouldn’t there be the possiblity of WordPress re-generating those IDs if I shuffle the menu items around?

    Kind regards,
    Ulrich

    Thread Starter ulim

    (@ulim)

    Hi Pavle,

    I tried it and it works … great. To some extent! πŸ™‚

    When the page width is scaled down to mobile, then the image is cut off left and right. Which is fairly obvious, if you think about it. Something has got to give im mobile view. However, if the image is, for example, 2400×1200 (ascpect ration 2:1) then it is show fully in mobile view and in desktop view it is cut off top and bottom.

    So I suppose what I should do is use different aspect ratios for different images. Depending on what suits the image best – there is no one size fits all, as I first thought. Thanks a lot for leading me (hopefully) down the right path πŸ™‚

    Ulrich

Viewing 10 replies - 76 through 85 (of 85 total)