[Dona]

I have allot of text on my page. I want to change the default from 1.5 spaces between the lines to single space. Also is there a way that I can just change the color of some of the words (the items in bold) but leave the rest black? Thanks for your help!

[Sakin]

@Dona: For spaces between paragraph, you can change the margin bottom as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.
p { margin-bottom: 30px; }

For bold text color, you can change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box.
#primary strong { color: #404040; }

[Dona]

Thanks Sakin. Will this apply to everything that I bold all over the site? I just want to change the color on some of the things that I bold. Not everything. Also – I do not want to change the spacing between paragraphs – i want to change the spacing between the lines of text. It automatically makes it 1.5 spaces – and I want it single spaced. That I do want all over the site. I’m sorry if I wasn’t more clear. Hope this helps. Thanks again.

PS – i don’t know what you mean by “change the margin bottom per your need”

[Dona]

Hi Again… the bold works great… and it is fine all over the site. So don’t worry about that request above. Just need to figure out how to single space. Thank you!
(also – this may be in another request – but really need the widgets on the side to be much closer… way too much white space between them. THANKS again for everything!

[Sakin]

@Dona: For line height you add the following css:
#primary { line-height: 1.5; }

[Dona]

Got it… thank you! Works great. You have been so helpful… now just need the answer to the widget spacing … and the how to center everything. 🙂

[Sakin]

@Dona: For widget spacing you need to send me your site URL and the spacing that you want. So, that I can check in and send you the css.

[Dona]

Hi Sakin. The site is http://biz150.inmotionhosting.com/~globa347/AccoladeCompetition.org/. You can see that the widget images down the left side are far apart. I want to space them closer together so there is only a little bit of white space between each one. Thanks so much!!

[Sakin]

Hi Dona,

I see that you have added images in the widget using simple image widget ant that is why it is showing extra margin bottom of 30px. For image, you can use our own in-build 2. Catch Kathmandu: Advertisement where you can add image URL as per your need.

You can add the following css in “Appearance => Theme Options => Custom CSS” box and it will be same as our demo pages.

.widget_simpleimage p.simple-image { 
    margin: 0; 
}
.widget-area .widget .simple-image a {
    display: block;
    line-height: 0;
}

Regards,
Sakin

[Dona]

Hi Sakin,
Thanks for the answer. However – I don’t have an image URL… I need to use images that I build that are in my library. These are not already posted online somewhere. Please tell me how I am supposed to do this. Thanks. I need to go live this week so your help is appreciated.

[Sakin]

Hi Dona,

It’s ok you can use that widget and add the css I gave you.

It’s really easy to find the file URL of the images that you have in media library.
Just go to “Media => Library” and then you will see all your images, then you can click “Edit” and you will see “File URL”. Just copy that URL. See this screenshot http://www.pinterest.com/pin/548594798332490272/

Regards,
Sakin

[Author]

Posts