Return to previous page

Buttons of Portofolio Categories - by designerobot

This topic has 31 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Laranz

designerobot

Participant

August 3, 2017 at 15:01

I saw the screenshot, but if you go to the page and move the cursor of the mouse above the pic, you will note that the link is yet on about only the half of the surface.

I tried on Safari and on Thunderbird on Mac Os, maybe is it a problem of this OS? Maybe you on Windows see another thing?

#169366 Copied

designerobot

Participant

August 3, 2017 at 15:26

In the meantime we solve the previous point (hoping it is possible), I would ask another thing.

When the categories are too much or when the title is too long, the pagination is not perfect because the grid becomes broken. See the attached pic to understand what I mean.

To remove the green space and maintain the grid still perfect, I need to shorten the two text blocks (showed in the pic by arrows 1 and 2).

I thought it was very simple… I tried these scripts:
http://www.wpbeginner.com/wp-themes/how-to-truncate-wordpress-post-titles-with-php/
and
http://wpsnipp.com/index.php/cat/truncate-description-within-categories-admin-panel/

But they don’t work on my portfolio page 🙁
What is it the right syntax in this case?

Please, contact administrator
for this information.

#169369 Copied

designerobot

Participant

August 3, 2017 at 16:24

Regarding the problem of the link area on the surface of the image, I noted that meanwhile the page is still loading (because there are a lot of item in this portfolio) the surface is linkable at 100% (as it should be) but when it finishes to load, the problem previously described appears.

#169374 Copied

designerobot

Participant

August 4, 2017 at 09:48

Hello, any news?
Can you help me or I need to contact an external developer to solve this?

#169433 Copied
Rose Tyler

Support staff

August 4, 2017 at 10:44
Hello,

Please try to change this code:
```
.portfolio {
    height: auto !important;
}
.portfolio .portfolio-item.col-xs-6 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    float: left;
    opacity: 1;
    transition: all 0.9s ease-in-out;
}
.portfolio .portfolio-item.col-xs-6.isotope-hidden {
    display: none;
    opacity: 0;
}
```
to
```
.portfolio .portfolio-item.col-xs-6 {
    width: 49.9%;
}
```
and add this code in Global custom css, then check links
```
.portfolio-item .portfolio-image {
    cursor: pointer;
}
```
Regards
#169439 Copied
designerobot

Participant

August 4, 2017 at 11:59

Hi, something has changed.
Now the pointer becomes from “arrow” to “hand” on the entire surface of picture, but the working link is still only on a part of the picture, like the area showed yesterday with the attached picture.

Please, contact administrator
for this information.

#169445 Copied
Rose Tyler

Support staff

August 4, 2017 at 12:10
Oh I see, add this also
```
.portfolio .portfolio-image {
	pointer-events: none;
}
.portfolio .portfolio-image a {
	pointer-events: all;
}
```
Regards
#169446 Copied
designerobot

Participant

August 4, 2017 at 12:32

Now it works, thanks!!!

Regarding the other pending question, do you have a solution?

The question was:
When the categories are too much or when the title is too long, the pagination is not perfect because the grid becomes broken. See the attached pic to understand what I mean.

To remove the green space and maintain the grid still perfect, I need to shorten the two text blocks (showed in the pic by arrows 1 and 2).

I thought it was very simple… I tried these scripts:
http://www.wpbeginner.com/wp-themes/how-to-truncate-wordpress-post-titles-with-php/
and
http://wpsnipp.com/index.php/cat/truncate-description-within-categories-admin-panel/

But they don’t work on my portfolio page 🙁 What is it the right syntax in this case?

Please, contact administrator
for this information.

#169452 Copied

Rose Tyler

Support staff

August 4, 2017 at 13:18

It was fixed http://prntscr.com/g4azrf Please check http://prntscr.com/g4azzx

Regards

#169459 Copied

designerobot

Participant

August 4, 2017 at 14:55

Ok, thanks!
I asked another thing, but at this point I’ll start a new topic not to do confusion.
This topic is solved.

#169478 Copied

Laranz

Participant

August 7, 2017 at 17:24

Hi,

Glad we helped. 🙂

Let us know if you have any other questions,

Thanks,
laranz.

#169555 Copied
1 2

Viewing 31 results - 21 through 31 (of 31 total)