Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#194905

Hi, i would like to edit the layout in the latest news module.

I reduced the article title size abit and all my intro images gonna be as they are now 175×193.

But the content is now far away from the image, can you help me change the margins?

I really want it to be like this :

See the margins on the first article, maybe abit more space.

Also if I press not show module title ( Lastest news ) the article title gets over the buttons to the right. unless its a short title, but then i cant even press the buttons,

And i would also like to remove the white frame around the images in the JA content pop up

Please help
Regards.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523191

Go to this File: http://uoancorp.com/templates/ja_mitius/css/template.css

Find this code

.vertical-layout .showcategory { min-height: 200px; padding: 0px 0 0 230px; position: relative; }

reduce 230px in the above to any of you like. this will reduced the space between the image and the content.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523192

Can you confirm its in that file ?
Editing file “/css/template.css” in template “ja_mitius”.
Cant find it

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523204

Open that file and search for this .vertical-layout .showcategory or go to line no: 4230

I’m sure it is this file /templates/ja_mitius/css/template.css

1 user says Thank You to chavan for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523221

Thanks, found it,.
So how do i move it up? so its on the same margin as the images ?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523227

Go to this File: /templates/ja_mitius/css/template.css

Replace this code


.category-module h1{font-size:22px}


with


.category-module h1{font-size:22px; line-height:25px; padding: 0 0 10px 0; margin:0px; }


1 user says Thank You to chavan for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523228

Thanks you are the best !

So how about hiding the module title, would that be possible, if i do it right now i break the buttons to the right.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523286

I could not understand please be precise on your query.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523375

See this screenshot

If i hide the title “Latest News” in module options, it will bug.

And also how do i remove the white frame around the images in JA- Content.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523380

remove white frame using this

go to this file : /modules/mod_jacontentpopup/assets/css/style.css

Replace this code


.ja-cp-main .ja-cp-image img { padding: 4px; background: #fff border: 1px solid #ccc }

With this

.ja-cp-main .ja-cp-image img { padding: 4px; }

i do not understand the title latest news, may be screenshot. or whether you need the title or not. I’m confused on this.

1 user says Thank You to chavan for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523382

I want to Orange box latest news not to be shown.

And when i press hide it bugs like this.

I cant click the buttons.

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523387

go to the file : /templates/ja_mitius/css/template.css

1. Replace this code


#button {
margin: 0;
padding: 0;
position: absolute;
right: 0px;
top: 15px;
}


with


#button {
margin: 0;
padding: 0;
position: absolute;
right: 0px;
top: 15px;
z-index:999;
}


2. Add this Code to that template.css


#ja-ul-lastnews {
padding-top: 50px;
}


1 user says Thank You to chavan for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#527318

I noticed on Internet Explorer it shows different , how can i fix that?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527546

Go to this Css: /templates/ja_mitius/css/custom.css

Replace this code


#button { margin: 0; padding: 0; position: absolute; right: 0px; top: 15px; z-index:999; }

With


#button { margin: 0; padding: 0; position: absolute; right: 0px; top: 5px; z-index:999; }

1 user says Thank You to chavan for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#527662

Thanks alot

[Author]

Posts