Docs

[liz80y]

Hi,

I am having some issues with a few things.

1. I would like to reduce the gap above ‘Recent Posts’ on the homepage (so it’s closer to the ‘In the spotlight’ section.

2. I have noticed on a large screen my website is nicely balanced and even at the bottom of the homepage (content ends at the same level as the Australia map), whereas on a laptop it is very uneven and there is a large gap. Is there any way of making it uniform / responsive so it’s the same as the large screen?

Thanks for your help 🙂

[liz80y]

This reply has been marked as private.

[liz80y]

Also, I have a few questions regarding the UberMenu. Are you able to help with this?

1. I would like the menu and my logo to be on the same line with the logo to be on the left hand side.

2. The ‘Blog’ heading has been stretched across the menu bar. Can i get this back to the same as the other headings?

3. Can i remove the gap after ‘What’s On’ to make the menu bar fit next to the logo better?

4. The image sizes in the ‘Destinations’ tab is fine but the images in the ‘Blog’ tab are really big. How do i get them to the same size as the ‘Destinations’ tab? I have tried custom sizing, thumbnail sizing and nothing seems to change the image.

Thanks so much.

🙂

[Rad]

Hi there,

Thanks for writing in.

Let’s discuss the issues per set 🙂

Set 1

1. In order to decrease the space between spotlight and recent posts, you’ll have to reduce the bottom padding of the first section, and top padding of the second section. Should be doable through padding setting of your section when inspected.

2. It’s unavoidable, the height changes along with content. If content is suppressed, the height will become greater. Hence, the more narrow, the taller.

Set 2

1. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media (min-width:980px) {
.x-brand {
    float: left;
}
.ubermenu-responsive-default.ubermenu {
    float: right;
    width: 80%;
    clear: none;
}
}

2. Which heading, I don’t see any blog title on your blog home page. Please provide a screenshot as well.

3. It’s responsive, it can’t be changed. But the whole menu dimension can be changed just like on #1

4. The images on the menu are only responding to the size of the menu. While the blog page’s images are responding to the layout size. What size do you prefer for blog page? Should it the same as the menu? If yes, please add this as well.

.blog .entry-thumb {
    max-width: 145px;
    margin: 0 auto;
    padding-bottom: 46%;
}

Thanks!

[liz80y]

Thanks heaps Rad,

With regard to 2. I was referring to the main menu tab which reads ‘Blog’ (see attachment). It is wider than the others. Can i make this uniform with the other tabs?

4. I would like the images in the drop down sub-menu under the ‘Blog’ tab to match the size of the images in the drop down sub-menu for the ‘Destination’ tab.

How do i drop the menu down so it is inline with my logo?

You’ve been a great help 🙂

[liz80y]

just figured out how to drop the menu down 🙂

[liz80y]

Regarding 1. Question about moving ‘Recent posts’ up to decrease the gap between it and ‘In The spotlight’ feature boxes, i have tried to reduce the padding and they are both set to 0px. Can’t seem to get it to move up. Any other suggestions?

Edited.. Disregard this message. Got it sorted 🙂

[liz80y]

In the case that i have confused you, this is what i would like to know..

With regard to 2. I was referring to the main menu tab which reads ‘Blog’ (see attachment). It is wider than the others. Can i make this uniform with the other tabs?

4. I would like the images in the drop down sub-menu under the ‘Blog’ tab to match the size of the images in the drop down sub-menu for the ‘Destination’ tab.

New questions:

5. Under the ‘Blog’ menu heading /tab I have a sub-menu titled ‘In the spotlight’, it’s currently on the second line. Will this go back up to the first line with the other sub-menus once they are made smaller? If not, how can i make this happen?

6. Is there a way of having blog posts i create NOT appear on my homepage under the ‘Recent Posts’ section? I would prefer some to go straight to a category rather than be displayed.

7. I am trying to link a blog post to the Promo elements on my homepage so that when someone clicks on the promo element it takes them to the post. I have used the link feature in cornerstone but it doesn’t make the element clickable. How can i do this?

I’m sorry for bombarding you with all these questions. Thank you so much for helping me out. You guys do a wonderful job 🙂

[Christopher]

Hi there,

Please add this CSS :

.ubermenu .ubermenu-nav .ubermenu-column-1-5 {
    width: auto;
}
ul.ubermenu-submenu.ubermenu-submenu-id-927.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width img {
    width: 73%;
}

#6 Please set offset to recent posts element.

#7 I can’t find promo element, please provide us with URL of page in question.

Hope that helps.

[liz80y]

Hi Christopher,

Thanks for helping with the menu. Worked well.

#6. I’m not understanding what you mean. Can you show me how to set the offset on recent posts element? I only want certain posts to not be shown, not all of them.

#7 On the homepage i have three promo elements under the heading “In the spotlight”. I would like people to be able to click on them and be taken to the post about these. See attachment.

[Christopher]

Hi there,

#6 If you specify an “offset” This tells it to start counting from that post number, instead of the first one. For example, if you want 8 posts, you can do this:

[recent_posts count="4" offset="4"]

But you can’t hide random posts with recent posts shortcode.

#7 You can add <a> tag to each promo box :

<a href="#">link</a>

Hope that helps.

[liz80y]

#7 I tried the link like you suggested plus i also tried with the link button but neither work for me. I’m not sure if there is something blocking it from working.

I would like to link

http://outbackandbushaustralia.com/australias-outba…ngels-of-the-air/

to the 1st promo element.

[Christopher]

Hi there,

Please remove   from last promo box.

Update your code to :

<a href="http://outbackandbushaustralia.com/australias-outback-lifeline-our-angels-of-the-air/" style="color:red;">link</a>

Hope it helps.

[liz80y]

That’s great, it seems to work well but i was hoping for people to be able to click the image or the text, not a link down the bottom. Can we do this?

Also, if we can’t, how can i have the link area aligned so that all three are the same across the page.Please see attachment, see how the second link (Read more) is higher than the first?

[Joao]

Hi There,

In order to make The text clickable you can use :

<H4 class="man">ORGANISATION</H4>

<a href="http://outbackandbushaustralia.com/australias-outback-lifeline-our-angels-of-the-air/" style="color:orange;">Royal Flying Doctor Service
The furthest corner,
the finest care.</a>

That meaning instead of wrapping read more on a link tag you will wrap the whole text.

Other option you have is to not use a promo box you can use images than custom headlines than text boxes and make it look the same this way you would be able to make the image clickable.

Hope that helps,

Joao

[Author]

Posts