Home Blocks Display Issue

Tagged: Display Issue, Home Blocks

This topic contains 7 replies, has 2 voices, and was last updated by Raja CRN 6 years, 7 months ago.

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

Author

Posts
September 30, 2017 at 4:54 am #8427

Alicia
Member

My homepage is here:
taylorlife.com

I am using the Homeblocks on the front page. My Food category has sub-items. For some reason, the page is displaying a solid orange line right over the top of the sub-items. How can I fix this?

September 30, 2017 at 4:57 am #8428

Alicia
Member

Ok – I am still unable to edit my own posts. I get the message I am not a verified support member. I am not sure why me putting in my URL pulled a site image which completely covers my message – however, I am using the Homeblocks on the front page. My Food category (second set of blocks on the page) has sub-items. For some reason, the page is displaying a solid orange line right over the top of the sub-items. How can I fix this?

September 30, 2017 at 5:08 am #8429
Alicia
Member
I fixed it temporarily by adding this to the css
```
.title-bg-line:after {
    background-color: #FFF;
}

.bfast_subCats {
    float: none;
}
```
However, now, the category labels over the image are no longer in the top corners. Is there a way to get rid of the category names on the images? Because telling the theme to eliminate the meta data doesn’t seem to be working.
September 30, 2017 at 5:02 pm #8433
Raja CRN
Keymaster
Hello,

You have lengthy category names, that’s why the subcat layout issue happened in your site.

Use this code to reduce the size.
```
span.bfast_subCatItem {
    font-size: 12px;
    padding: 0px 2px;
}
.bfast_subCats {
    padding: 0 4px;
   margin-left: 6px;     
}
span.bfast_subCatItem a {
    font-size: 11px;
}
```
September 30, 2017 at 9:10 pm #8435

Alicia
Member

Ok – Thank you. Is there way to make it so the category tags don’t show up on the thumbnails at all?

September 30, 2017 at 9:12 pm #8437

Raja CRN
Keymaster

Just use,

.bfast_subCats {
display: none;
}

September 30, 2017 at 9:30 pm #8438

Alicia
Member

Ahh! I didn’t realize it was because the names were too long. I shortened the category names. What I didn’t want to show up was the orange category labels over the images, so I added this and it worked:

.cat-links ul li a,
{
display: none;
}

Thank you for your help.

September 30, 2017 at 9:32 pm #8439

Raja CRN
Keymaster

That’s great. You have done it. I mean there is not enough space for a lot of sub categories with long name.

Thanks.
Author

Posts

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

Only Verified Customer of this Theme Can post reply to this Support Topic! .