Tips & Tricks

Please do NOT use this section of the forum to request help if Joomdle does not work for you in some particular way. Your post will be deleted.

changing joomdle CSS

  • ArchieBA
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 10 months ago #1 by ArchieBA
changing joomdle CSS was created by ArchieBA
Hi,

I am trying to change the CSS of joomdle. When I put the new CSS code in my joomla template's CSS, it doesn't seem to work. Am I doing something wrong? or is there another way to do this?

For example, I want to change the background of .joomdle_item_content. So I am adding
Code:
.joomdle_item_content .itemid-xxx{background:#2ec72e !important;}
(xxx being the itemid number of the joomla page)

or should I be putting the CSS somewhere else?
Thanks!

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

More
8 years 10 months ago - 8 years 10 months ago #2 by Antonio Durán
Replied by Antonio Durán on topic changing joomdle CSS
Hi.

I don't know about the itemid-xxx stuff. Is that documented anywhere you can point me to?

As for CSS: I added CSS to the protostar user.css file with this content:
.joomdle_item_content {
background-color:#2ec72e;
}

And the color of the content changes to green.

This is documented here: extensions.joomla.org/blog/item/load-cus...ult-joomla-template/
Last edit: 8 years 10 months ago by Antonio Durán.

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

  • ArchieBA
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 10 months ago #3 by ArchieBA
Replied by ArchieBA on topic changing joomdle CSS
Thanks for the reply.

Once you told me I wasn't doing anything wrong... I figure out that it was the JCH plugin that causing the issue.

So I put my CCS file on exclude and it worked. It is probably some kind of JCH vs joomdle thing. :side:

BTW, the itemid-xxx is at the top of every joomla page. press f12 and check the top of the source page. Joomla creates a class itemid-xxx for every page. I use that in CSS when I want to make sure the CSS rules will only be applied to the specific page. So, if I was to make more joomdle-list pages, they would not be affected by the CSS rules I put into place because of the itemid-xxx, unless I added the new itemid-xxx (of the new joomdle-list page) to the CSS.

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

More
8 years 10 months ago #4 by Antonio Durán
Replied by Antonio Durán on topic changing joomdle CSS
Glad to know that you got it working.

Also, thank you very much for the explanation on the itemid-xxx, I didn't know about it.

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