Joomla Templates Club 406,261 posts

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#197797

Dear Sir/Madam,

I want to change the article in the “Auto component(Marked as A )” position to be a list of Blogs (Easyblog) like this one. How can I do it?

Thanks!

---

Attachments:

1. 
2. 

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#535360

Anyone from Joomla Art read my post?

Please help!

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

#535445

Please be precise , I don’t understand. the screenshot is in English and but your site is in chinese. can you please post a screenshot how is the current site and how to do need it to be.

so need a screenshot

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#535468

Sorry, my mistake.

Here is the screenshot.

I hope to change the Auto Component area to be three blogs.

My thought is to create a block there, but it seems like this template doesn’t have this position, so don’t know if it’s possible. And I don’t know how to write the codes either.

Thanks for your help!

---

Attachments:

1. 

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

#535489

you have made the home menu as featured blog items

so set 3 in the Leading Articles in the blog layout.

if it did not work, Please post the site admin details in PM.

1 user says Thank You to chavan for this useful post

1. simonstone

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#535492

<em>@Chavan 427717 wrote:</em><blockquote>you have made the home menu as featured blog items

so set 3 in the Leading Articles in the blog layout.

if it did not work, Please post the site admin details in PM.</blockquote>

That works!!! Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!:D:D:D:D:D:D:D:laugh::laugh::laugh::laugh::laugh::laugh:

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#535510

Dear Chavan,

Thank you for your help! It greatly speeds up my progress.

After that, I have two questions:

1. The distance between the two Leading Articles is too far, how can I adjust it to be closer? And how can I adjust the distance between the two modules (Position-1,2,3 and this Auto Component)?

2. How to change the background color of the Module title?

I really like the color background of the three modules on position-4,5,6, and want to move them to position-1,2,3. But don’t know how to do it. I tried to copy the module on position-5, and put it on position-2. But it didn’t work.

Could you help me? Really appreciate your work here! You just move your mouse, but save us tooooons of time!

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

#535793

1. The distance between the two Leading Articles is too far, how can I adjust it to be closer? And how can I adjust the distance between the two modules (Position-1,2,3 and this Auto Component)?

– please post a screenshot for this

2. To change the title color, this just a module class suffix to the module assign in those positions.

check in the explore menu in the demo for different colors http://ja-biz.demo.joomlart.com/index.php/en/explore

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#535810

Thank you Chavan for your reply!

<em>@Chavan 428141 wrote:</em><blockquote>

– please post a screenshot for this ]</blockquote>

Please see here: http://prntscr.com/3kuf13. The distance between the two modules (marked as A & B) is too far. I want it become closer.

<em>@Chavan 428141 wrote:</em><blockquote>
2. To change the title color, this just a module class suffix to the module assign in those positions.

check in the explore menu in the demo for different colors http://ja-biz.demo.joomlart.com/index.php/en/explore
</blockquote>

Follow what you said, I copy the module of position 5 and put it at position 2, and at the “Module Class Suffix” I put ” title-blue”. But the background color didn’t show up. What’s the reason? test.kogcc.us

Thanks for any help!

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

#535890

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

1. Replace this code

@media screen and (min-width: 480px) { .blog-featured article > div.row { padding-top: 60px; } }

with


/* @media screen and (min-width: 480px) { .blog-featured article > div.row { padding-top: 60px; } }
*/


2. Replace this code


.items-leading .leading { margin-bottom: 40px; }

with


.items-leading .leading { margin-bottom: 20px; }

1 user says Thank You to chavan for this useful post

1. simonstone

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#535899

Thanks Chavan!!

It works! I will try to work on other modules and if I can’t do it, I will come back to seek for your help again.

Oh, what about the color background of the module, I appreciate your help too!
:laugh::laugh::laugh::laugh::laugh::laugh::laugh:;);););););););););)

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

#535913

can you please tell to which block you need to change to which color , so i could suggest you

This is the code which you need to modify the bg color

.t3-spotlight-2 .title-blue .module-title:after{
border-bottom-color: #F2735A ;
border-left-color: #F2735A ;
border-top-color: #F2735A ;
}

.t3-spotlight-2 .title-blue .module-title {
background: #F2735A ;
}

Add the code in this file: /templates/ja_biz/css/custom.css

change this .title-blue in the above to any like .title-red .title-black

If it is going to be red, your css should be like this

.t3-spotlight-2 .title-red .module-title:after{
border-bottom-color: #FF0000 ;
border-left-color: #FF0000 ;
border-top-color: #FF0000 ;
}

.t3-spotlight-2 .title-red .module-title {
background: #FF0000 ;
}

then add title-red in module suffix

thats it

[simonstone Friend simonstoneJoin date: May 2014Posts: 53Downloads:9Uploads:12 Thanks: 8]

#537016

Dear Chavan,

I followed your instruction, copied the code listed above to the custom.css, and add title-blue in module suffix, but it didn’t work.

test.kogcc.us

Position-2,
Module name: B-Groups 融入小组生活 (2)

You can see the background color of this module is still white or clear, didn’t change to blue.

Thanks for any suggestion!

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

#537097

what is the backend Url, please send me. it is not administrator/

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

#537101

I have added a sample for you. check your site now.

[Author]

Posts