featured items grid & buttons

[Katjusha]

Hi.

My Kleo site is up to launch and I love Kleo but I found some problems with the theme/plugins and they are crucial for my site.

 

1. FEATURE ITEMS BUTTONS AND LINKS. I use much Feature Items Grid but the texts in the grid are teasers for other pages. The user does not understand that they are links without buttons or read an article-tags. I made Kleo-buttons inside each grid item and inserted also to buttons a link. They look nice ( see the pic enclosed) but the problem is that button links do not work.  When you now click the button, you get again the same page where you were when you clicked. Not to the new page which was defined in feature item link or the new page which was in Kleo Button link. Often  the both links are same but clicking the button still does not work.

 

2. KLEO TABS FONT SIZE? I have lot of content in some landing pages and I would like to use KLEO TABS to organize content. My problem is that I use big headlines and quite big font also in my site and the tabs and their texts are extremely small. I cannot code myself and this is maybe a small task so could you tell me how could I make tabs fonts bigger? Is there some code I could use?

3. VISUAL COMPOSER GRID& KLEO TABS & OTHER HOVER BACKGROUND AND FONT COLORS.

The colors  in hovers, forms, grids and tabs come out with dark text in dark background, so you cannot read the texts at all.

I have tried to change my brand color settings from Kleo Theme Styling Customization many times and even my web company did color customization one page at time to get colors right.

How could I remove the problem easily? Which colors in the customization panels will set up the fonts in hovers/tabs/grids? In my site the background is normally white and text almost black. In the hovers/tabs/forms it should be the opposite but the text color is always dark.

My site is http://www.kotikyla.com but you cannot go there right now, because I am using Coming Soon-add on. I can give you my admin credentials if needed.

Thank you very much before-hand for your quick response?

Br

 

Katja from Finland

Attachments:

You must be logged in to view attached files.

[Katjusha]

This reply has been set as private.

[Katjusha]

This reply has been set as private.

[Laura]

Hello, for the tabs

COPY CODE

.nav-tabs a {
    font-size: 24px !important;
}

For the portfolio text

COPY CODE

.vc_gitem-zone.vc_gitem-zone-b.vc-gitem-zone-height-mode-auto.vc_gitem-is-link {
    color: white !important;
}

Ad all to style.css of child theme or at Appearance > Edit

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Katjusha]

Thanks that solved two of my problems. However, my problem 1 is still without solution. It concerned feature items grid and button links.

[Laura]

Hello, you could add a normal link to the featured item and with css i can convert all featured item links into buttons 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Katjusha]

Okay, that sounds good but would you give me a Css code to change the links to the buttons? Or did I understand your answer right?

[Laura]

Hello, i meant that with css, you do not need to use any button, just use it as before, and send me a link 🙂 I will give you the css that will convert featured items links into buttons 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Katjusha]

Okay I have now changed all the feature items that way. I have them in many pages. Could you give me general css code which makes all feature item links ( if there are one) to clean buttons. (Color 424242, white text Lue lisää)

[Laura]

Hello, here, please add it to style.css of child theme 🙂

COPY CODE

.feature-items a {
    background: #424242 !important;
    color: white !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 700;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts