Custom CSS codes issue 2

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.

This topic is split from https://toolset.com/forums/topic/search-results-not-displayed-correctly/

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

December 3, 2021 at 1:16 am #2235641

stephanieK-5

also could you provide the correct code to make the image with a shadow?

thank you so much!

[wpv-post-featured-image size="custom" width="200" height="200" crop="true" class="rounded-circle"]

 .test {
    box-shadow: 1px 5px 32px 0 rgba( 119, 119, 119, 0.5 );
    border-radius: 200px;
    border: 8px solid rgba( 243, 243, 243, 1 );
}

Q7)

could you provide information how to insert Font Awesome Icon? (arrow)

Thanks for your guidance!

December 3, 2021 at 2:35 am #2235683

Luo Yang

Q6) I have setup a demo in your website:
Edit the post view
hidden link
1) In section "Loop Editor", use the correct content template shortcode:
[wpv-post-body view_template="loop-item-in-master-trainer-finden"]

2) In section "Loop item in master-trainer-finden"
Add CSS class name "test" into the featured image shortcode:
[wpv-post-featured-image size="custom" width="211" height="211" crop="true" class="rounded-circle test"]

3) Click "CSS Editor", add below CSS codes:

img.test {
    box-shadow: 1px 5px 32px 0 rgba( 119, 119, 119, 0.5 );
    border-radius: 200px;
    border: 8px solid rgba( 243, 243, 243, 1 );
}

Test it in frontend:
hidden link
It works fine, can you confirm it?

Q7) You just need to setup the readmore with HTML codes, for example:

<a href="[wpv-post-url]" class="read-more">Mehr lesen <i class="fas fa-arrow-right"></a>

More help:
hidden link

December 3, 2021 at 9:51 am #2236007

stephanieK-5

My issue is resolved now. Thank you!