Docs

[golborne]

Hi,

I have created the website weblandcountrylodges.com using Icon and I now want to tidy up the design.

I have found code in the forum that solved several questions but I have 3 remaining where I need help:-

1. I would like the breadcrumb to show Home>Category>Post but I cannot get it to show the Category. I have my permalinks set up category/post but still does not work.

2. I found some code on the forum that solved the space between my H1 header and the featured image but it doesn’t work as well for the posts. Seems like there is an 8px difference in the gap on posts than on pages.

3. For the main menu I would like the dropdown menus to have white text on a green background when highlighted – I found code that got the background to work but not the text.

I would appreciate your help with these.

[Rue Nel]

Hello There,

Thanks for writing in!

#1] To have a category name in the breadcrumb, please check out these threads: https://community.theme.co/forums/topic/show-category-in-posts-breadcrumbs-no-luck-with-134515-135089-or-135363/, https://community.theme.co/forums/topic/breadcrumb-category-post-name-issue/

#2] To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

#3] Please provide the url as requested in #2.

Thank you very much.

[golborne]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.single-post .p-meta {
    display:none;
}

.masthead-stacked .x-navbar .desktop .sub-menu a:hover {
    background-color: #33745b;
    color:#fff !important;
}

Hope that helps.

[golborne]

Hi,

Thanks for that – the dropdown menus are just as I want them.

I still have the issue of the space between the top H1 header and the featured image.

On the Home and Contact Us page I have a minimal gap which is what I want.

On all the posts (About us, Webland Lodges etc) the gap is too big.

I have this code in my customised CSS

.entry-featured {
margin-top: 8px !important;
}

If I change the code from 8px to 0px then the posts look great with minimal gap but the pages now look wrong as the text is cut off by the featured image.

Can you help with this?

Thanks

[Rupok]

Hi there,

Thanks for writing back, It’s causing by the meta. Although it’s empty but the default margin of paragraph tag causing the issue. Let’s add this CSS to get rid of the space :

.entry-header .p-meta {
  display: none;
}

Cheers!

[golborne]

That works great. Thanks for your help!

[Thai]

You’re most welcome 🙂

[Author]

Posts