CSS Advice/Help Please

This topic contains 11 replies, has 3 voices, and was last updated by  Giri 3 years, 3 months ago.

  • Author
    Posts
  • #400016

    Mike Hampton
    Full Member
    Post count: 40

    Hi,

    Im using as part of WPGeoDirectory on https://cornwall.art, which is tied into the OneSocial Theme from Buddyboss.

    Im getting some screwy formatting though and wondered if you could provide CSS to correct an issue.

    Listings such as https://cornwall.art/events/port-isaac-1/john-armstrong-dream-reality/ don’t have a featured image (I haven’t set one), yet the title of the post doesnt display other than in the breadcrumb.

    ANother listing example (with featured image) https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/ stretches the image and uses it as a massive header (I don’t want that). The title appears on this one, but isn’t alined with the tabbed content below it.

    Lastly, the tabs on the detail page aren’t all aligned properly in that the contents of both “Photos” and “Reviews” shrink when clicked on, when they should be the same width and format as they are on the “Profile” and “Map” tabs.

    I’ve tried playing about with css myself but seem to end up removing images and titles from appearing on regular blog posts like https://cornwall.art/dress-like-a-gentleman/ (which should remain with the featured image as header and be formatted as it appears.

    I’d greatly appreciate guidance on what css is required to rectify these issues, I’ve spent the best part of the day playing with it and got nowhere fast.

    Thanks
    Mike

    #400085

    Paolo
    Site Admin
    Post count: 31205

    Hi Mike,

    I asked to a developer to follow up. Please provide admin credentials so that he can apply the css and maybe adjust few theme compatibility settings.

    Let us know,

    Thanks

    #400171

    Mike Hampton
    Full Member
    Post count: 40
    This reply has been marked as private.
    #400196

    Giri
    Full Member
    Post count: 3155

    Listings such as https://cornwall.art/events/port-isaac-1/john-armstrong-dream-reality/ don’t have a featured image (I haven’t set one), yet the title of the post doesnt display other than in the breadcrumb.

    I see this custom css

    
    
    .fn {
        display: none;
    }

    Thats why title is hidden

    ANother listing example (with featured image) https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/ stretches the image and uses it as a massive header (I don’t want that). The title appears on this one, but isn’t alined with the tabbed content below it.

    Do you want to hide the image? or don’t want it to stretch?

    As for the title I have added some css in your site.

    Lastly, the tabs on the detail page aren’t all aligned properly in that the contents of both “Photos” and “Reviews” shrink when clicked on, when they should be the same width and format as they are on the “Profile” and “Map” tabs.

    added some css

    Thanks

    #400199

    Mike Hampton
    Full Member
    Post count: 40

    Hi Gigi,

    Thanks for your quick reply.

    1. I have removed the .fn css and the title now shows, though it is below the breadcrumb, if no featured image is attached? https://cornwall.art/events/port-isaac-1/john-armstrong-dream-reality/ I would like it to appear as here https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/.

    I would like to hide the image (only on geodirectory posts/details pages) only the massive header image, not the wpgeo slider/image area.

    With regards the title, it looks good/aligned on wpgeo posts, but it has taken the blog post title off centre as seen here. https://cornwall.art/dress-like-a-gentleman/

    Thanks again for your support and assistance.

    Regards
    Mike

    #400222

    Giri
    Full Member
    Post count: 3155

    Hi Mike I have made your page not to display the main banner.

    As for your title, which one you want to display?

    Top or bottom?

    https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/

    #400224

    Mike Hampton
    Full Member
    Post count: 40

    Hi Gigi,

    Thanks. Top please, so its big title first followed by breadcrumb underneath.

    Regards
    Mike

    #400242

    Giri
    Full Member
    Post count: 3155

    Hi Mike,

    The top title would appear only when you have featured thumbnail I guess.

    So hiding the bottom title would be not good for the pages that has no featured thumbnail. Should I hide the top title and keep the bottom one?

    #400275

    Mike Hampton
    Full Member
    Post count: 40

    Hi Giri,

    I guess if that’s the case then yeah, keep the bottom title and hide the top. Ideally I would prefer the title to be positioned on top and to show whether featured image or not, but if that’s undoable then keep the bottom title and remove the top. So long as it doesn’t affect the titles from appearing on the ‘blog’ posts.

    Thanks again for looking into thtis for me.

    Regards
    Mike

    #400290

    Giri
    Full Member
    Post count: 3155

    Hi Mike,

    I removed the top title. Also remove the margin in breadcrumb. Hope it looks fine now.

    Thanks

    #400324

    Mike Hampton
    Full Member
    Post count: 40

    Perfect, thankyou so much Gigi,

    rgds
    Mike

    #400442

    Giri
    Full Member
    Post count: 3155

    You are welcome.

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

The topic ‘CSS Advice/Help Please’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.