-
Posts
-
Dear reader,
I would like to have a white space between the text and the Icons.
Hereby the front end link;
http://world2cycle.com/cyclingevents/cobblestone/For example I am now using the following coding, but in the excerpt it seems that I need to do something to get white space. Can you share your ideas?
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem
(HERE I WOULD LIKE TO HAVE A WHITE SPACE)
<ul style=”list-style-type:none”> - <span class=”av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:10px;line-height:10px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”fontello”></span></span>XXth of Month,
- <span class=”av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:10px;line-height:10px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></span>EUR XX (starting price),
- <span class=”av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:10px;line-height:10px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></span> xx, xx or xxxkm,
- <span class=”av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:10px;line-height:10px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></span> xxxx, xxxx or xxxxhm,
- <span class=”av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:10px;line-height:10px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></span>Team World2Cycle,
Hey michael_world2cycle,
Please try the following in Quick CSS under Enfold–>General Styling:
.pt-cv-content ul li {
min-height: 20px !important;
}Thanks,
Rikard
Dear reader,
I did add your code but didn’t saw anything changed.
Can you please have a second look, as I thought that this could be solved via some coding.
The following text can be found at the frond end.
The post you can look at is;
http://world2cycle.com/wp-admin/post.php?post=128&action=edit
http://world2cycle.com/tour-of-flanders/
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem
(WHITE SPACE) – this is what I would like to achieve
XXth of Month,
EUR XX (starting price),
xx, xx or xxxkm,
xxxx, xxxx or xxxxhm,
Team World2Cycle,
Hi!
we can help but first please fix the issues with the web site, there is an appache error when loading the web page.
Please do check it and we will assist you after.
Regards,
Basilis
Hi Basilis,
I just checked and I am able to login.
Hopefully you can enter the webpage as well.
Thanks :-)
Hi,
The CSS I gave you is working and is active on the page, please try to explain a bit further what you would like to achieve. A screenshot might help.
Regards,
Rikard
Thanks Rikard for the support.
But for me it’s not really clear what is now established by using the mentioned CSS.
Maybe you can show an example to confirm.
Maybe by sharing the following information the issue will be more clear.
Please see the URL link
Back end
http://world2cycle.com/wp-admin/post.php?post=795&action=edit
Front end
http://world2cycle.com/whitespace/
What I did is added an image on the page. The yellow line indicates where I would like to have a whitespace. Looking forward to your ideas about how to get whitespace within the excerpt field.
Hi,
Ok, thanks. Try the following instead:
.pt-cv-content ul {
padding-top: 20px !important;
}
Regards,
Rikard
- You must be logged in to reply to this topic.