CSS for Joomla Articles Good Search module

Mediaversal
Topic Author

Please Log in or Create an account to join the conversation.

After updating to the current version of Articles Good Search, the CSS classes, look and feel has been changed. There are a few things that I need to correct:
Here is my website: www.hiresedition.com
1) Category Dropdown, the gradient background appears only when getting focus rather than hover. Text is not readable at all when no focus is given. Furthermore, if more than one category is selected, only a portion of the next category and nothing after that shows.
2) I would prefer to update the gradient colors to my own choice for the category dropdown.
3) On the results page, the "Read More" link is not a button, and thus doesn't stand out. I would like this to be a button via which I could modify the CSS to give it an accent. Apparently this is just a link at this time.
4) Can I select the Sort Options to display, I don't want to display "Random" and "Popular"?

Regards,
Wesley

molotow

Please Log in or Create an account to join the conversation.

Hello, Wesley.

Thanks for your post!

Sorry, but sometimes, it has a conflicts with some existing styles in your site, which overlaps all another.

I will check your site and add new styles into the module's stylesheet, for prevent it in the future. Also, it will be faster to fix it directly on your site via ftp.

Mediaversal
Topic Author

Please Log in or Create an account to join the conversation.

I can add CSS overrides into a "custom.css" file - so please just let me know what those should be, as so far I can't solve for that.
Also for any module changes, just let me know when a general release is available that updates the filter and read more items I described. I am fine installing those updates.

Thanks!

molotow

Please Log in or Create an account to join the conversation.

Hello, Wesley.

1) 2) Please, try to update the module with the latest version (you can download it from Downloads section).

Here, you can find css for buttons gradient - modules\mod_articles_good_search\assets\filter.css (at the bottom).

Spoiler [ Click to expand ]

3) Fixed in new module. Button class added for read more link.

4) For change ordering options, you will need to modify this template file - plugins\system\plg_articles_good_search\template\com_content\gsearch_sorting.php

You can override it in this folder - /templates/your_template/html/com_content/ (need to copy all template files).

Mediaversal
Topic Author

Please Log in or Create an account to join the conversation.

Thanks - this is great. I don't have time at the moment to define the CSS the way I want, but what you have provided is an excellent base!

Unfortunately the module update you provided introduced two problems on the results page.
1) The thumbnail image size doesn't properly scale. I have mine set at 80pixels, and the appears to be the same size as what was created for the article. This was not the case in the previous module version.
2) While the Read More link is now a button, for some reason an "Add Comment" has been added. The add comment does exist on each page at the bottom, far below the 200 character limit that the intro text has been specified as. This issue didn't not occur in the previously installed version (v1.0.5_b0002).

I don't want to hack the core files to change the filter options, and it seems there isn't a way to turn the filter display on/off. I don't recall if this was part of earlier versions, but it would be nice to have that option.

Thanks for your help getting to the bottom of this.

molotow

Please Log in or Create an account to join the conversation.

Wesley,

1) Please, try to use 80px instead of just 80 in 'Image width' parameter. It was fixed for be possible to use percentage values.

2) It should be fixed in new version, you can download it now.

Could you better explain where exactly you want to turn the filter display on/off?

Mediaversal
Topic Author

Please Log in or Create an account to join the conversation.

First, I want to thank you for your commitment to solving the various issues I am experiencing. The thumbnail size works as expected when adding "px" at the end.
2. The update you provided to remove the button below the Read More called Write Comment still exists.
3. I have attached an image showing the filter section at the top of the search results screen. I don't recall this as part of the package before, and in my case I really have no need for it. I have circled the part of the screen that I would like to turn off, since I can't update the options in the drop down list.

4. I have played with the CSS code and noticed that the Category filter dropdown and Submit buttons are inter-dependent. If I change the CSS it updates both elements. Is there a way to isolate these two elements with CSS that work separately on the dropdown and the submit buttons? While the CSS you provided is workable, I still prefer the button to have a dark background and white lettering, while the category dropdown would be great as the dark text and lighter background.

Thanks,
Wesley

Attachments:

molotow

Please Log in or Create an account to join the conversation.

Hello, Wesley.

Sorry, I've forgot you to say, that you need to set '1' in Columns parameter (under Filter parameters section), it is needed for fix inputs width for sidebar style module.

2) "Write comment" extra button added by Jcomments extension, so you will need to disable it on your site.

3) For change ordering options, you will need to modify this template file - plugins\system\plg_articles_good_search\template\com_content\gsearch_sorting.php

You can override it in this folder - /templates/your_template/html/com_content/ (need to copy all template files). It will not core files modification, it will be saved for feature updates.

For disable whole block on search results page, you can modify this file - gsearch_blog.php
Find and remove the following part of code:

	<?php if(count($items)) { ?>
	<div class="gsearch-toolbox" style="float: right; margin-top: 12px;">
		<div class="gsearch-layout">
		<?php require(dirname(__FILE__). '/gsearch_layout.php'); ?>
		</div>
		<div class="gsearch-sorting">
		<?php require(dirname(__FILE__). '/gsearch_sorting.php'); ?>
		</div>
		<div style="clear: both;"></div>
	</div>
	<?php } ?>

4) Submit button has 'submit' extra class, so you can use this selector for separate style:
.GSearchBlock .btn.submit { .... }

Mediaversal
Topic Author

Please Log in or Create an account to join the conversation.

EXCELLENT. I get it.. .and you just taught me something I previously didn't understand about the HTML custom PHP modifications. It was easy to remove the unwanted sort options with your detailed description.

I have solved my CSS issues also.

The only that is remaining is the Comment issue. If I disable this component, it won't be visible to users. What I don't understand is why it didn't show up before you updated the Good Search module to include a Read More button instead of a Read More link. Somehow that change caused the issue.

I could provide FTP / Admin access for you to solve this if that would help. I am grateful that my other issues have been resolved.

Thanks,
Wesley

molotow

Please Log in or Create an account to join the conversation.

Wesley,

Ok, great that it helped you.

New comments button appeared, because Joomla plugins events was added for search results (it is the same as for category page).

I can't find Jcomments somewhere on your site, it looks like some another system used in your articles now. So, maybe it is some old plugins still enabled. Please, try to find and disabled it.

Also, it is possible to disable Joomla content plugins events in this file - gsearch_blog_item.php
Find and remove this part of code:

$model->execPlugins($item);

Sidebar

Create an account

CSS for Joomla Articles Good Search module

Attachments:

Main Menu

Our Partner

A Joomla! provider of templates & extensions

Demo menu