Skip Navigation

[Resolved] Custom CSS codes issue 3

This thread is resolved. Here is a description of the problem and solution.

Problem:

could we add to the image shortcode something for a higher version, but low size?

Solution:

You can try custom CSS codes, like this:

https://toolset.com/forums/topic/custom-css-codes-issue-3/#post-2235693

Relevant Documentation:

This support ticket is created 3 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by stephanieK-5 3 years, 7 months ago.

Assisted by: Luo Yang.

Author
Posts
#2235645

Q8) It seems the image is low resolution with 200x200.
could we add to the image shortcode something for a higher version, same size? Thank you for the help!

Q9)

hidden link

I would like to add the hover animation with my font icon. could you provide help to find out the css?

Hard learning curve for me, thanks for all your kindness!

#2235693
css-class-name.png

Q8)
You can output the image with higher resolution, for example:
hidden link
section "Loop item in master-trainer-finden":
[wpv-post-featured-image size="custom" width="400" height="400" crop="true" class="rounded-circle test"]
It will output images in 400*400 resolution
Click "CSS Editor", add below CSS codes:

	max-width: 211px;
	max-height: 211px;

Q9) In the URL you mentioned above:
hidden link

The "Arrow" icon is using CSS class name "fa-arrow-alt-circle-right", see my screenshot css-class-name.png

You can use it in your custom codes.

#2238175

My issue is resolved now. Thank you!