Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#919956

Hi
Do u mean you want to show the Article tools Like this > http://prntscr.com/au6yms
This way it will create some more space above the article content . Let me know if you want to show it like i posted or if its something else give me a screenshot and illustrate the change in it , I will check the possibility to make change in this part for you .

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#919984

Hi Pankaj,

Thank you very much for your reply!
I am trying to achieve space horizontally, on the left side of the article, so that the article can "stretch" further on the left: by putting the article tools on top, the article space can extend on the left.
Your image is nearly right, I just would prefer, if possible, to have the tools displayed side by side instead of one on top of the other.
I am attaching you an example picture.

Thank you in advance!

Giulia

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#920099

Hi
I spent a lot of time for your request . Kindly apply my changes below :
Go to /templates/ja_magz_ii/html/com_content/article/default.php
Find this code

        <?php if ($tools): ?>
        <div class="col-lg-3">

Replace it with

        <?php if ($tools): ?>
        <div class="col-lg-12">

Now find this code

        <div class="article-content-main <?php if ($tools): ?>col-lg-9 <?php else: ?> col-lg-12 <?php endif ?>">

Replace it with

        <div class="article-content-main <?php if ($tools): ?>col-lg-12 <?php else: ?> col-lg-12 <?php endif ?>">

Save file .
Now Go to custom.css file and add below code

.typo-tools {     width: 40%;   float: left;  margin-top: 25px;  }
.article-tools .sharing-tools { margin-top: 0px!important;  width: 60%;   float: left;    padding-left: 10px; }
.article-tools .sharing-tools a.at-share-btn {   width: 33.3%!important; }

1 user says Thank You to Pankaj Sharma for this useful post

1. juls_m

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#920473

Edit: Hello Pankaj, I noticed that when toggled, they don’t appear as they should.
Is there anything that can be done about it?
I am attaching pics that show the issue.

Thank you very much! Now it’s perfect. I’m sorry it was such a time consuming thing to do though, I had no idea. Thanks a lot again!

Giulia

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922397

Hi
Kindly post the page url Here , i will check the possibility if it can be show same as in large view .

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#922410

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922419

Hi
they are hidden b default as per the design view . If you want to show them you can add below code in custom.css file

.item-page .article-tools {   display: block!important; }

Regarding the screenshot attached you need to do pretty custom work to achieve this . This custom work is out of JA Support scope . You can hire a developer or you can chek it with JA Custom services (Paid services ).

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#922451

Hi Pankaj

They are not hidden, they just move to the top of the page.
The screenshots I attached are taken from my current website view and from the Ja Magz II demo.

Can you please have a look at the Ja Magz II demo and open an article in reading mode? you will see the article tools displayed on top bar. On my website they already display on top bar but the aligment is not correct, as they are all in the center instead of having the font tool on the left and the sharing tool on the right.
I am not asking to add anything: everything is already there and I only need correct alignment.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922453

Hi
in which device and screen size you are getting this error ?
i checked your site but not able replicate this issue . Screenshot from your site > > > http://prntscr.com/awjvg6
I checked different article but no issue like in your screenshot .

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#922459

After you open the article, can you go to the article tools and then click on "reading mode" ? You’ll enter the reading mode of the article and you’ll see only the article (without anything else, no sidebar, no modules, no header) and the article tools will move automatically on top.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922467

Hi
I checked it deeply and worked on style part for you , kindly try my solution below :
Add below code in custom.css file

.reading-mode .typo-tools { width: auto; float: none; margin-top: 0px; } .reading-mode .article-tools .sharing-tools {margin-top: 0px!important;width: auto;padding-left: 10px;} .reading-mode .article-tools .sharing-tools a.at-share-btn { width: 64px!important; } .reading-mode .article-tools .sharing-tools .sharing-title { display:none;}
Hope this will solve your issue .

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#922474

Hi Pankaji

I have paid for the developer membership exactly to have this minor customizations included. It’s been a year and I have asked for two customizations only: I have been told "no" for the first one and luckily for the second one I found you and you helped me out, but just for half the part.
If it was a complete restyling I’d agree with you, but since it’s a minor customization it should be done: otherwise, the people at Joomlart should really change their plan description.

Having said that, may I know who to contact to have this issue solved?

Thank you!

Giulia

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922478

Hi
Kindly check my last post again , i already added solution for you . Beside some works needs heavy customization that comes out of support scope , but we always try to help out with maximum custom support .
Kindly try my solution and check the page again .

[juls_m Friend juls_mJoin date: May 2015Posts: 47Downloads:31Uploads:9 Thanks: 14]

#922696

Hi Pankaj,

Thank you very much for your answer and for the solution!
I added your code in my custom.css file but the change doesn’t seem to apply.
I deleted the cache both from browser and from server but still I cannot see the change result.

Is it possible that the custom.css file is not being read?
Because I also entered a piece of code for another element but that one doesn’t show either.

Many thanks in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922710

Hi
I found there is } closing bracket is missing in your custom.css file . Kindly close it and add the code . You applied a Media class @media that is open .
I checked code is working on my localhost .

1 user says Thank You to Pankaj Sharma for this useful post

1. juls_m

[Author]

Posts