Joomla Templates Club 406,261 posts

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#193309

Hello,

I’m using JA-Magz, on my local machine.
My question is :
How is it possible to reduce reduce the margin between features blog and sidebar-1?

Please check the attached image.

Best Regards & Happy Christmas
Raffet Ali

---

Attachments:

1. 

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

#516745

So that we 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

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#516750

Thanks for your reply..
I will upload the site and will get back to you…

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#516794

Hello Support,

I have uploaded the site… This is the URL: http://www.gabookye.org/new
If you want the administrator username & password I will send you in private.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516863

Hi Nooran,

Please try my suggestion:
– Create new file with name: custom.css into /templates/ja_magz/css/ directory
– Open it and add this code:

.row .has-sidebar1 {
margin-right: 0;
width: 715px;
}

Let me know if this helps

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#516883

Hello,

Many thanks… It worked well…

I have only one last question:
How is it possible to reduce the empty space between the intro paragraph and the article tools (Hits & readmore) ?

Please you may check the attached file…

Best Regards & Happy New Year
Raffet Ali

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516955

HI Raffet Ali,

Please try to open file: /templates/ja_magz/css/custom.css , then add this code:

.infinity-cont.av-grid.grid-cols-3 .items {
min-height: 400px !important;
}

You can change the value of min-height as you wish.

Let me know if this helps

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517000

Hi,

When I make it more than 400px such as: 500px or 600px, it works.
However, when I make it less then 400px such as 300px or 200px, it remains the same as 400px, I mean it doesn’t get shorter.

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517048

Hello,

Any suggestions please?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#517086

Please try the following tweak:
– Open file: /templates/ja_magz/css/custom.css, then add this declaration:

.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro {
margin-bottom: 40px;
}

You can change the value of margin-bottom as you wish

Let me know if this helps.

1 user says Thank You to Nazario A for this useful post

1. nooran

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517123

Hello,

It worked…
Many thanks to you…

But, if you don’t mind, I would like to ask:

I’m doing a lot of designing works and would like to always use Joomlart.. I don’t want to ask too many questions in forum, I want to manage issues by myself.

My question is:
I’m using Firebugs, but how did you figure out that this css:

.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro

would solve my issue?
Please I want to learn, so I don’t ask for too many issues…

Again, thanks for your perfect help.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#517130

Hi nooran,

You can easily develop your site using Google chrome inspect element or Firebug for Firefox. What we usually do is to set Optimize CSS in Template manager to No, then hover on any HTML element you want, right click on it and then click on inspect element, it will show you which CSS class it is using, which CSS file and the path to this element on the right side. then you can go to the file and replace it with new CSS you change.

Actually, the above CSS class belongs to different file(s), however I highly recommend you create a custom.css file into your template css folder to store any customization you might have. This file is specifically intended to keep those customization in case you update your site later on.

We have a wiki guide how to use Firebug at: http://wiki.joomlart.com/wiki/JA_T3_Framework_2/FAQs#How_to_use_Firebug

Hope that helps.

2 users say Thank You to Saguaros for this useful post

1. nooran
2. Nazario A

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517163

Thanks a lot …

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#517165

You are welcome 🙂

[Author]

Posts