Joomla Templates Club 406,261 posts

[achernysh Friend achernyshJoin date: May 2016Posts: 3Downloads:16Uploads:0]

#948464

Hi, All!
I have some questions:

1. How and where i can change the proportions of the item page? I’d like to made left section (with the picture of item and it’s description) smaller in width, right side make wider.
2. How and where I can change the color of the text "Click here to…" and text "Categories" to make them more visible? For example to red, as it is on logo, onmouse let it stay white.
   Looking forward to replay!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#949127

Hi,

You can get the answer with my reply below

1) You need to give me the screenshot and description on that, it will help to understand of your request.

2) Open templates/ja_lens/css/template.css file and change the color and background with the CSS style below

• "Categories"

.article-info a,
.jac-add-button a {
  color: #de3068;
}

.article-info a:hover,
.article-info a:active,
.article-info a:focus,
.jac-add-button a:hover,
.jac-add-button a:active,
.jac-add-button a:focus {
  color: #333;
}

• "Click here to…"

.masonry .item-more {
    bottom: 0;
    cursor: pointer;
    width: 100% !important;
    height: 60px !important;
    background: #000;
}

.masonry .item-more:hover {
    background: #de3068;
}

.masonry .item-more .item-inner h3 {
    margin: 0;
    height: 60px !important;
    line-height: 60px !important;
    text-transform: uppercase;
    font-weight: normal;
    color: #898989;
}

.masonry .item-more:hover .item-inner h3 {
    color: #fff;
}

Regards

[Author]

Posts