Recent
Categories
View Replies (6)

Renovate - Extra large line spacing disruptive

0
Votes
Undo
  1. Carrie Wrigley
    Carrie Wrigley
  3. Commercial Templates
  4. Thursday, 24 July 2014
  5.  Subscribe via email
It appears that in Renovate, line spacing is set farther between lines than in other Joomla51 templates I'm using. This is particularly an issue with the shopping cart component I use in that site - each line appears as 2-3 lines rather than one lines on all my shopping cart pages for that site (see for example http://morninglightmusic.org/sheet-music/sheet-music-hope-in-christ). Also, the descriptions that are supposed to appear to the right of the product picture do not display.

I have the same plug-in, "MyMuse" operating in my Habitat site, and these errors are not occurring there. (See this page for example, in contrast - one line only for each product, and product description appearing to right of picture.) : http://impactmusic4kids.org/anti-bullying/sheet-music-anti-bullying

PS - on that second page, you'll notice that in the shopping cart component, the buttons display green, which is perfect, but the text inside them displays black - instead, I would like the text to be white. How can I change this? (I notice it's the same on the buttons I wrote to you about in the last post - black text on green button.)

I guess if I really have to I can move to a different template - but I really don't want to, as I plan to plug in a lot the beautiful image-related features of Renovate, once the basic text programming is all done. So I hope you can help me resolve this.
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carrie

To set you line height you can try adding the following to the Custom CSS field of your templates parameters where 1.4em is your new line height (currently set to 2em)...


body {

    line-height: 1.4em;

}


To set you button text color to white you can also add the following to the same Custom CSS field...


.button {

    color: #fff;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Carrie Wrigley
Carrie Wrigley
Accepted Answer Pending Moderation
0
Votes
Undo
Button color fix worked perfect - thank you.

Line spacing fix helped with the lines - but then made a different problem more evident. Spacing between paragraphs also seemed very large before, but now seems super-large, with the line spacing smaller. Is there some coda you can send me also for adjusting paragraph spacing ( amount of white space between paragraphs.)

Also, if there's a separate code for ordered/unordered list spacing, I'd appreciate that as well. On some of the Joomla51 templates I'm using, the bullet point items seem too crunched together, while the regular text seems a little too far apart.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carrie

If you wish the line spacing to just effect the table you can add the following CSS instead...


table {

    line-height: 1.4em;

}


To change the paragraph spacing you can use the following. 32px is the default so changing this figure will change your spacing...


p {

    margin-bottom: 32px;

}


Yes CSS can be applied to just ordered and/or unordered lists. Would you have a URL to an example of the lists you are having an issue with?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Carrie Wrigley
Carrie Wrigley
Accepted Answer Pending Moderation
0
Votes
Undo
Ah yes - the line spacing fixed it - so much better - thank you! (I actually took it all the way down to 15.)

Bullet-pointed text crunched - here's an example:

http://counselinglibrary.org/wellness/stress-management/too-busy-how-to-fix-it
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Carrie

To better space these items could you try adding the following to the Custom CSS field of your templates parameters..


.maincontent li {

    padding: 8px 5px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Carrie Wrigley
Carrie Wrigley
Accepted Answer Pending Moderation
0
Votes
Undo
Yes - that's better too. Thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!