LODESTAR Theme – Suggestions/Requests

  • Unknown's avatar
    semitonal · Member ·

    Hello

    I have recently soft-launched my music site (semitonal.com) using the WordPress LODESTAR theme. I am generally very pleased with it but thought, as a Creative Director, I would write with a few suggestions which could perhaps allow me to improve the site before I begin to promote it.

    1. The fact that the theme is responsive is great, and one of the main reasons for my move to WordPress. The Header Image, however, does not currently translate well to the mobile platform: as it has to perform as the site’s main image (rather than as a background), would it be possible to preserve the crop of the original image or even (if possible) to allow a different crop for each platform (desktop/tablet/mobile)? Or is there some workaround which I haven’t managed to stumble upon? (FYI, I believe I am not using a Title in this area)

    2. Still on the Header Image, it would be really helpful to have a Header Image template diagram specifying a suggested ‘safe area’ for crops which provides the best compromise across the various platforms.

    3. The Social Media links menu (which I have set at the bottom of each page) currently opens my first two links in a new window, but not the other four. Would it be possible to set a ‘best practise’ default where each link here opens in a new window? Or perhaps to provide the option to set this for each link?

    Many thanks for your time. Any help would be much appreciated.

    Best wishes

    Tomaso

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    gemmacevans · Member ·

    Hi Tomaso,

    would it be possible to preserve the crop of the original image or even (if possible) to allow a different crop for each platform (desktop/tablet/mobile)?

    By default, the header image automatically scales to the optimum size based on screen size, which means cropping occur at smaller sizes. It may be possible to change the height of the header image with custom CSS — which is a feature of our Premium and Business plans. It should be possible to use CSS media queries to target the header image and make height adjustments on smaller screen sizes.

    it would be really helpful to have a Header Image template diagram specifying a suggested ‘safe area’ for crops which provides the best compromise across the various platforms.

    This is a nice idea, I’ll pass the suggestion on to our developers :)

    currently opens my first two links in a new window, but not the other four.

    There is an option to “Open link in a new tab” in My Sites > Customise > Menus > Social Links. I’ve checked your social links and they all open in a new window so it looks like you may have got this sorted now.

  • Unknown's avatar
    semitonal · Member ·

    Hi Gemma

    Many thanks for your reply. Yes, I managed to get the social links to work – thank you for checking them!

    Would the Theme Team consider playing with the Lodestar CSS padding to make the Header Image a bit more useful on the mobile platform? The crop is really quite severe at the moment, compared to Desktop and Tablet…

    Thanks again!

    Tomaso

  • Unknown's avatar
    thesacredpath · Member ·

    Modification to styling/positioning/padding, after a theme has been released for a while, are typically not done unless it is a bug since it would affect all sites using that theme and may actually create problems for other users of the theme.

    There are ways to fix this with custom CSS, but that would require Premium or Business. With an upgrade, this custom CSS would fix the issue on the image you are using for your home page. This fix may not work for all images that you might use though. 

    .custom-header-image {
padding: 20% 0;
}

    The header images are done via a background image in Lodestar, and the crop/display of the image is set to center, top to bottom and left to right, so that is something to keep in mind when selecting images. Given that the top/bottom padding switches from 20% to 10% on smaller screens though, that effectively reduces the header height by half (50% top and 50% bottom), so finding images that would work for both instances could be a bit of a challenge.

  • Unknown's avatar
    semitonal · Member ·

    Thanks again for your reply, thesacredpath – much appreciated. It’s a shame about the mobile image, as it’s such a strong theme!

  • The topic ‘LODESTAR Theme – Suggestions/Requests’ is closed to new replies.