Joomla Templates Club 406,261 posts

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#189333

Hi

In my backend under the Brick layout, I am looking for an option, so I can hide the article title from my small images. The title takes up almost all of the picture. How can I do that? Am I missing something? Please see attachment.

Thank you.

Regin

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500714

Hi regin,

We use the default Articles Category module which don’t include the option (ON/OFF) of displaying the article titles on category view. But, you can hide the titles by adding below css codes into the end of templates/ja_argo/css/custom.css file:

.brick.brick-small h4.brick-title {
display: none;
}

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#500900

Ah, a CSS solution. Should had thought of that. Thanks!

Regin

[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#516469

Will this also get rid of the category on the large and small images? I don’t want anything on the photos in the brick layouts in Argo. It looks like the code specifies the title, not the category.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516481

Hi richnyc30,

The suggested codes above are used to hide article titles on Brick Image layout. In case, you want to hide both article titles and category names, you can follow these steps :

– Go to the Module class suffix option in backend of module you want and put below text into: only-image. Make sure you leave one space before the text.

– Put below override css styles into templates/ja_argo/css/custom.css file:

/*Hide title and category name on brick image module layout*/
.only-image h4.brick-title,
.only-image span.brick-cat {
display: none;
}


[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#516598

This works fine for the small images for the category. The article title is still showing.
I also want the category and article title not to show on the big images.
I tried to put “.only-image div.brick-big” but this hide all of the big images instead of just the category and title. What do I need to add to custom.css for the big images to not show the category and article title. Somewhere in the forum is also a way to make the photo a link or do you have your own method?
Thanks,
Richard

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516616

Hi Richard,

I have thought my suggestion above helps to hide the category name, article titles on BOTH big and small images on brick layout. You can have a look at my attached snapshot for the result at my end.

Anyways, please post (or PM) the site url here, I can have a closer look and give you a better suggestion on this since I did use the default module settings of Argo template demo to test the codes and guide you.

And in order to link that intro images to corresponding article view, you can backup and open templatesja_argohtmlmod_articles_category/brick.php file, replace 58th line:

<img title="<?php echo htmlspecialchars($caption) ?>" src="<?php echo htmlspecialchars($image); ?>" alt="<?php echo htmlspecialchars($alt); ?>"/>

with:

<a href="<?php echo $item->link; ?>">
<img title="<?php echo htmlspecialchars($caption) ?>" src="<?php echo htmlspecialchars($image); ?>" alt="<?php echo htmlspecialchars($alt); ?>"/>
</a>

---

Attachments:

1. 

[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#516640

Hi Leo,
I did find the article on the links and it works great. I have no idea why it is not standard. The pictures got to be he first thing people click.

I’ll check some more on the getting rid of the title of the articles on the Brick. The category disappeared, but the title is still showing, sometimes the title shows below the image and that seems to be hanging around as well as the title over the image. The reason is this is a graphic catalog for custom manufactured products. I’ll be using Ignitegallery.com’s very nice gallery as part of the menu system as well as presentation.

Argo seems to be a nice template. I’ve worked with a few other Joomlart templates and so far I like this the best. I was hoping to use Smashboard but it is limited and has terrible documentation, but very cool.

The website is http://variableangle.com. It should be much more presentable in a day or so as I have now cracked the paradigms and can start manipulating the articles and other components.

I really appreciate your help. I understand CSS when I see it, but I cannot write the complexity I see from you younger guys.
Richard

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516651

Hi Richard,

You are welcome! I just want to add some words on hiding the category name and article title. The issue comes from the $item-heading variable when it is no longer defined inside the layout of Articles Category module on Joomla 3.x. That is why the <h4> tag of article does not display correctly and not get the override styles I suggested you.

I read you reply and it seems you found the solution to fix it. But, I still wish to put here as other JA members might face the same issue. You just simply add the following codes after defined(‘_JEXEC’) or die; in the file …templates/ja_argo/html/mod_articles_category/brick.php:

if(!$item_heading){
$item_heading = 4;
}

Then remember to put and leave a space before the text “only-image” to Module Class suffix option of this module. The article titles will disappear as you expect.

---

Attachments:

1. 

[richnyc30 Friend richnyc30Join date: June 2011Posts: 105Downloads:31Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#519296

Dear Leo,
I setup a new site called http://www.generalfundraising.com and tried the inserting in the brick.php file.
I could not get the article name nor category to disappear.
I used the only-image solution and the category disappeared.

I’m not sure why I couldn’t use the brick.php version. It appeared as though there were 2 levels of <a> in the brick.php after inserting your code. Is this correct?

i.e. <a>
<a href=”<?php echo $item->link; ?>”>
<img title=”<?php echo htmlspecialchars($caption) ?>” src=”<?php echo htmlspecialchars($image); ?>” alt=”<?php echo htmlspecialchars($alt); ?>”/>
</a>
</a>

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#519312

Hi richnyc30,

<blockquote>I could not get the article name nor category to disappear.</blockquote>

You missed to insert the text “only-image” to Module Class suffix option of Article Categories module (Brick) that i mentioned above. Remember to leave a space before the text.

<blockquote>I’m not sure why I couldn’t use the brick.php version. It appeared as though there were 2 levels of <a> in the brick.php after inserting your code. Is this correct? </blockquote>

I have check out the brick layout of Article Categories module on http://variableangle.com and its images display the correct article link now. I think you do not need to edit this layout again and you can move the file to your new site.

---

Attachments:

1. 

[Author]

Posts