Applying css to a Web Content Display Portlet in Liferay -
I have used the web content display portlet on my page to show some text. I have to apply CSS and use them I have to put a few pictures for this. I have put the html code in the source. Can I apply CST for this?
Here's a source that will go to my web content display portlet
& Lt; Cufon style = "width: 73px; height: 16px;" alt = "LOCATOR" class = "cufon cufon-canvas" & gt; & Lt; Canvas style = "width: 80px; height: 16px; top: 1px; left: -1px;" Height = "16" width = "80" & gt; & Lt; / Canvas & gt; & Lt; Cufontext & gt; LOCATOR & lt; / Cufontext & gt; & Lt; / Cufon & gt; & Lt; / P & gt; & Lt; P & gt; Use our branch locator to locate the branch! & Lt; / P & gt; & Lt; / Div & gt; & Lt; A href = "http://www.t.com/quickylink/branchlocater.htm" title = "Learn More" & gt; Learn more & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "tv box" & gt; & Lt; IMG alt = "EMI calculator" title = "EMI calculator" src = "index_file / aminculator.jpg" & gt; & Lt; Div class = "txt" & gt; & Lt; P class = "hdtxt" & gt; & Lt; Cufon style = "width: 30px; height: 16px;" Alt = "EMI" class = "cufon cufon-canvas" & gt; & Lt; Canvas style = "width: 44px; height: 16px; top: 1px; left: -1px;" Height = "16" width = "44"> gt; & Lt; Cufontext & gt; EMI & lt; / Cufontext & gt; & Lt; / Cufon & gt; & Lt; Br> & Lt; Cufon style = "width: 102px; height: 16px;" alt = "calculator" class = "shroud cufon-canvas" & gt; & Lt; Canvas style = "width: 109px; height: 16px; top: 1px; left: -1px;" Height = "16" width = "109" & gt; & Lt; / Canvas & gt; & Lt; Cufontext & gt; Calculator & lt; / Cufontext & gt; & Lt; / Cufon & gt; & Lt; / P & gt; & Lt; P & gt; Knowing your Home Loan Emi is just one click away! & Lt; / P & gt; & Lt; / Div & gt; & Lt; A href = "http://www.t.com/quickylink/emicalculator.htm" heading = "learn more" category = "seconds" & gt; Learn more & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "tv box" & gt; & Lt; img alt = "FAQ" title = "FAQ" src = "index_files / faqs.jpg" & gt; & Lt; Div class = "txt" & gt; & Lt; P class = "hdtxt" & gt; & Lt; cufon style = "width: 39px; height: 16px;" Alt = "Frequently Asked Questions" Category = "Shroud Cufon-Canvas" & gt; & Lt; Canvas style = "width: 48px; height: 16px; top: 1px; left: -1px;" Height = "16" width = "48" & gt; & Lt; / Canvas & gt; & Lt; Cufontext & gt; FAQ & lt; / Cufontext & gt; & Lt; / Cufon & gt; & Lt; / P & gt; & Lt; P & gt; Find answers to frequently asked questions here. & Lt; / P & gt; & Lt; / Div & gt; & Lt; a href = "http://www.t.com/loancentre/faqs.htm" title = "Learn more" category = "seconds" & gt; Learn more & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; With the class "TVC box" each div appears horizontally one after the other.
How do I apply CSS for this?
As an adminer, you can view the look of your portlet and experience the configuration. Click on the option icon, and select and feel. You can see many tabs: Text style, background style, border style, advanced style Advanced Styling tab allows you to customize the CSS code Allows to enter How can you do this:
In addition to this, you can create a new topic for your site and put your custom CSS (I think this is the best option Is because you have to insert images)
Comments
Post a Comment