Docs

[liz80y]

Hi there,

1. My main menu on my homepage loses it’s background, becomes very small when viewing my webpage homepage. When i go into the customizer to fix the problem it appears as it should in the preview.

This has only started happening now. Can you tell me why and how i can fix it?

2. Also on my homepage, under ‘In The Spotlight’ i am trying to change the font of the text under the headings of each promo element. Can you tell me how to do this?

3. I’m trying to remember how to change the font and size of the main headings on each post page, e.g. my ‘About’ page heading. Can you help me out?

Thanks so much 🙂

[liz80y]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this :

@media (max-width:979px){
nav#ubermenu-main-3-primary {
    background-color: #000;
}
.ubermenu .ubermenu-target-text {
    color: #fff;
    font-size: 17px;
}
}
.x-promo-content p {
    font-size: 12px;
}

#3 Please edit this code :

.h-landmark, .h-landmark.entry-title {
    font-size: 400% !important;
    letter-spacing: 5px;
}

Hope it helps.

[liz80y]

Thanks,

1. Menu remains unchanged unfortunately. Still not appearing correctly.

2. Font style doesn’t seem to have changed and still in bold. I am wanting it to be ‘Lato’ in ‘normal’ weight.

3. The sizing has changed but i can’t figure out how to make this font ‘Raleway’.

Thanks again 🙂

[liz80y]

Also, if you wouldn’t mind..

4. On the page ‘Planning 101’ i was wondering how i would be able to remove the heading that sits on the bottom of each post displayed (It includes a hover function)?

Thank you for your help 🙂

[Nabeel A]

Hi again,

1. Did you clear your browser’s cache? It looks fine on my end.

2. To unbold the menu items, use this code:

.ubermenu-skin-trans-black-hov .ubermenu-item-level-0 > .ubermenu-target {
    font-weight: normal !important;
}

3. To change the font-family, use this code:

.h-landmark, .h-landmark.entry-title {
    font-family: 'Raleway' !important;
}

Let us know how this goes!

[liz80y]

1. Yes, did that. Plus tried opening in IE and had the same problem. I will attach an image of what it looks like.

2. Sorry for confusion. Under ‘In The Spotlight’ (on homepage) i am trying to change the font of the text under the headings of each promo element. I am wanting to change the style of font to ‘Lato’ and for it not to be bold.

3. This worked great. Is there anyway of getting this to work for headings on blog post pages also? Please see attachment for an example of how it currently looks.

4. On the page ‘Planning 101’ i was wondering how i would be able to remove the heading that sits on the bottom of each post displayed (It includes a hover function)?

[liz80y]

This is how the menu appears (correctly) when i go into customiser. See attached

[Christopher]

Hi there,

#1 It looks fine on my end, please see the attachments.

#2 Please try this :

.x-promo-content p, .x-promo-content p a {
    font-size: 16px;
    font-family: "Lato",sans-serif !important;
    font-weight: 400;
}

#3

h1.entry-title {
    font-family: 'Raleway' !important;
}

#4

.archive h2.h-entry-cover {
    display: none;
}

Hope it helps.

[liz80y]

1. What you are seeing in your attachments isn’t how the menu is supposed to look. The first attachment below is how it is meant to look. I see this only when i am using the customiser. Then as soon as i go back to the homepage it reverts back to this incorrect menu (as you have in your attachment).

2. The font weight still doesn’t change anything. I have tried changing the weight from 100 to 500 and it still stays the same.

3. Worked great!

4. Also worked great. Is there any way that i would be able to get these posts displayed in this section the same as they are displayed on the homepage (under ‘Recent Posts’)?

[liz80y]

Looks like the menu issue has fixed itself for me now! Please disregard Question 1.

If you could still assist me with 2 and 4 that would be great.

I really appreciate your help and patience 🙂

[Rad]

Hi there,

2. The standard font weight for Lato is 400, hence, adding 400 is just the same. And the loaded font weight is just 400 http://fonts.googleapis.com/css?family=Lato%3A400%2C700&ver=4.5.3, changing to another will not work.

Font weight should be loaded first and you’ll have to choose it from your customizer’s typography setting.

4. Please add this CSS as well,

.archive .x-iso-container.cols-2 .entry-cover {
    padding-bottom: 56.25%;
}
.archive .x-iso-container {
    margin: 30px 15px;
}

Hope this helps.

[liz80y]

That’s wonderful!

Thank you so much 🙂

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts