Quote

We're also available for Custom Joomla Development

Hire us now

XTypo Dropcap and paragraph text indent

Hello
If I set text indent for paragraphs in css, I get a white space between Xtypo Dropcap and the rest of text. Is it possible to avoid it?
Thanks
       
  • Replied by admin on Monday, December 05 2016, 12:21 AM · Hide· #1
    Hi Could you let me know the URL of your site so I can take a look?
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by theant on Monday, December 05 2016, 08:22 AM · Hide· #2
    Of course: http://www.vorrei.org/rubriche/brianzolitudine/10256-lucio-battisti-e-la-brianza.html
  •  
  • Replied by admin on Monday, December 05 2016, 03:13 PM · Hide· #3
    It looks like it comes from your template code.
    Try to add this code to your css file :

    div.item-page p {
    text-indent:0!important;}
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by theant on Monday, December 05 2016, 03:49 PM · Hide· #4
    I want the text indent, but not the white space between dropcap and the rest of the text.
  •  
  • Replied by admin on Tuesday, December 06 2016, 03:16 PM · Hide· #5
    If you don't mind to add css class for the <p> everytime you create a new article then you can do these steps :
    1. Add the css code to your css file :
    div.item-page p.noindent {
    text-indent:0!important;}

    2. Every time you create a new article, toggle the wysiwyg editor to code editor, and add class
    .noindent
    to the <p> tag where you want to add dropcap. So it would be like this :
    <p class="noindent">this is your text</p>
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by theant on Tuesday, December 06 2016, 05:30 PM · Hide· #6
    Thanks. It is not as easy for all site editors (it's a magazine with dozen of contributors which don't know code).
  •  
  • Replied by admin on Tuesday, December 06 2016, 11:53 PM · Hide· #7
    Thanks. It is not as easy for all site editors (it's a magazine with dozen of contributors which don't know code).
    I see. You can try from javascript side. Try adding this code to your javascript file
    jQuery(document).ready(function() {
       jQuery('.xtypo_dropcap').parent().css({'text-indent':'0'});
    });
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by theant on Saturday, December 10 2016, 03:04 PM · Hide· #8
    Thanks again. Can you please tell me where exactly to insert it?
  •  
  •  
    Replied by admin on Sunday, December 11 2016, 12:09 PM · Hide· #9
    I'm not familiar with your template structure, but basically you can put it at the end of any javascript file existing under your template folder
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
Your Response
Please login first in order for you to submit comments