Hi, Can you please tell me: 1. How can I remove the shadow from the Slide heading and description font? 2. Is there any way to create a list in the Slide description? If yes, how? Thanks, Rex
Hello, 1. Paste the following code in your Custom CSS (Appearance -> Theme Options -> Styling Options -> Custom CSS) Code: .slide .entry h2 { text-shadow: none; } .slide .entry p { text-shadow: none; } 2. Go to the Appearance > Theme Option > Slider Settings panel in your dashboard and put code given below in the slide description section. Code: <ul> <li>Enter your first list text</li> <li>Enter your second list text</li> <li>Enter your nth list text</li> </ul> Through this code you can create the list in the slide description.
Excellent, thanks! Quick follow ups: The list font is very small now. How can I increase its size? The list font now has the text shadow. How can I remove it? Is it possible to use a different, symbol, e.g. a check mark, instead of the circle bullets for the list items? Thanks, Rex
Hello, Paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS Code: .entry li { text-shadow: none; font-size: 16px; list-style-type:katakana-iroha; } Check link for reference http://www.w3schools.com/cssref/pr_list-style-type.asp
Looking better, Gourav! Can I ask, please, am I limited if using CSS to the choices listed in http://www.w3schools.com/cssref/pr_list-style-type.asp? If so, and I must instead insert an image to display check marks, how would I do that? Thanks, Rex
Hello, Follow the links given below 1. http://www.w3schools.com/cssref/pr_list-style-image.asp 2. http://stackoverflow.com/questions/5093427/css-using-images-instead-of-bullets This will help you.
Ok, great, Piyush. Here is what I have now in Slide 1 Description. Problem is it's using this list style throughout the site. I only want to use this list style here and perhaps one or two other places. How can I contain it to only those places where it's needed? Thanks! <!DOCTYPE html> <html> <head> <style> ul { list-style-image:url('http://idenforcer.com/wp-content/uploads/2013/12/red-checkmark-small.png'); } </style> </head> <body> <ul> <li>Intuitive Threat Detection</li> <li>Advanced Internet surveillance</li> <li>Proactive Alert System</li> <li>24/7/365 Live Personal Service</li> </ul> </body> </html>
Hello, For slider description paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS Code: .entry ul { list-style-image: url('http://idenforcer.com/wp-content/uploads/2013/12/red-checkmark-small.png'); } It will put li image only at slider description area. Thanks & Regards Nitesh Raghuwanshi
Hi Nitesh, I've placed the suggested code in Custom CSS. With respect to the slide entry paragraph or list, I now have what's shown below. But it's now not displaying the red check marks. Thoughts? /*===REMOVE TEXT SHADOW FROM SLIDER PARAGRAPH AND TEXT AND CREATE IMAGE LIST===*/ .slide .entry p { text-shadow: none; } .entry li { text-shadow: none; font-size: 16px; } .entry ul { list-style-image: url('http://idenforcer.com/wp-content/uploads/2013/12/red-checkmark-small.png'); }
Hello, Paste the following code in your Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) instead of above shown code. Code: .slide .entry p { text-shadow: none; } .entry li { text-shadow: none; font-size: 16px; } .entry ul { list-style-image: url("http://idenforcer.com/wp-content/uploads/2013/12/red-checkmark-small.png"); } This will solve your issue.
