General styling help!!!

[ergonomi]

Hi please could you help with some site styling issues!

1) My home page is a masonry blog, how do you remove the word ‘Article’ from every blog post masonry tile? (I am using a child theme so please tell me the code, thanks).

2) My site logo doesn’t display very well, is there a way of increasing the size of the menu bar / padding height and width in the header?

3) Is there any way of adding a read more link to the end of the article description on the masonry blog home page?

4) How do you reduce the text size for the previous-next articles at the bottom of the post pages, without affecting other heading styles?

Thanks in advance,
Best regards,
Roland

[Kyle – SUPPORT]

Hi

1) Add this to your custom css:

.masonry-items .blog-item h6 {
  display: none;
}

2) Have you set your logo dimensions in the header options?

3) Yes, in the blog asset setting set read more to yes

4) Add this:

.post-pagination-wrap h2 {
  font-size: 25px;
  line-height: 50px;
}

– Kyle

[ergonomi]

Kyle,

Thanks for your help so far, no’s 1 and 4 are sorted.

2) Yes have set the logo size in the logo options but the container seems to be squishing the width of the logo, can i set the width using custom CSS ? “col-sm-3 logo-left has-img”?

3) I am using a masonry style, which disallows the use of the read more link for some reason?

Thanks
Roland

[Kyle – SUPPORT]

2) It doesn’t look squashed to me? Can you provide a screenshot of what you are seeing?

3) Yes that’s because the whole container is a link

– Kyle

[ergonomi]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.full-center #logo {
  max-width: 40%;
}

For the header spacing you can add ‘logo top/bottom padding’ in the header options

– Kyle

[ergonomi]

-Kyle,

Sorry for the late reply but that css didn’t seem to do anything? .fullcenter logo, is it not logo-left? Also i am viewing on a retina screen if that makes a difference?

Just to re-iterate I am trying to make the logo longer / larger in the header / navbar…

Thanks in advance

[Kyle – SUPPORT]

That css definitely works, I think it’s your minification that’s causing it not to work

– Kyle

[ergonomi]

Hi Kyle,

Looking at the header issue again (sorry) it only seems to be a problem on a retina display, could that be the issue?

[Rui Guerreiro – SUPPORT]

Will forward to my colleague so he can check. Don’t have a retina display.

-Rui

[Kyle – SUPPORT]

Have you set the width of the logo to 150px?

– Kyle

[ergonomi]

The retina logo is 300px wide… the height set to 200, otherwise I have no other custom css relating to the logo…?

Thanks in advance.

[Kyle – SUPPORT]

Your retina logo is smaller than your normal logo, any reason why you’ve done that? It’s supposed to be twice as big

– Kyle

[ergonomi]

Sorted

Thanks.

[Kyle – SUPPORT]

No problem 🙂