Joomla Templates Club 406,261 posts

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#188313

How to widen the gap to 20px between image and article title in JA News Pro?

Please see screenshot.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#496193

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

1 user says Thank You to TomC for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#496310

The details were sent. Thank you.

<em>@TomC 377186 wrote:</em><blockquote>So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#496314

Okay, there are two things I believe you’re going to need to do to make this work . . .

Within file path –> /templates/ja_teline_iii/html/mod_janewspro/telineiii/style.css

at line 101, add a “margin-bottom” property value – for example:


.ja-zincontent img {
display: block;
margin-bottom: 6px;
}

then . . . .

Within file path –> /templates/ja_teline_iii/html/mod_janewspro/telineiii/style.css

at line 247, modify the “padding-bottom” property as follows:


#ja-zin .ja-box {
float: none;
overflow: hidden;
padding-bottom: 0;
padding-top: 10px;
}

Let me know if that works for you as you like.

1 user says Thank You to TomC for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#496622

Working great.
Thanks.

<em>@TomC 377343 wrote:</em><blockquote>Okay, there are two things I believe you’re going to need to do to make this work . . .

Within file path –> /templates/ja_teline_iii/html/mod_janewspro/telineiii/style.css

at line 101, add a “margin-bottom” property value – for example:


.ja-zincontent img {
display: block;
margin-bottom: 6px;
}

then . . . .

Within file path –> /templates/ja_teline_iii/html/mod_janewspro/telineiii/style.css

at line 247, modify the “padding-bottom” property as follows:


#ja-zin .ja-box {
float: none;
overflow: hidden;
padding-bottom: 0;
padding-top: 10px;
}

Let me know if that works for you as you like.</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#496623

Glad to be of assistance …. All the best with your continuing site development.

😎

[Author]

Posts