Customize background and text color in univeral module

floskin
Topic Author
Offline
New Member

10 years 8 months ago #45375 by floskin

Customize background and text color in univeral module was created by floskin

Hi

I am using the universal content module to display some articles. I have an specific secondary category for them. I also choosed to have 2 featured articles plus the carrousel. www.bonaterra.net
As you can see in attachment, background of the 2 featured articles is not the same. And the text color is very similar to background color, so it is not easy to read the articles.
Is there an easy way to solve that for a non-expert?
Thanks in advance
floskin

Attachments:

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

ggppdk
Offline
Administrator

10 years 8 months ago #45376 by ggppdk

Replied by ggppdk on topic Customize background and text color in univeral module

Hello

the background is different because the have 2 different CSS class:
- odd
- even

so that they show differently when listing
- in this case they already have some black spacing between them so the different background seems unnecessary

Edit/create this file:
templates/yourJoomlaTemplate/css/flexicontent.css
and add:

To force same background

Code:

body .carousel.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.odd,
body .carousel.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.odd,
body .carousel.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.even,
body .carousel.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.even {
  background-color: white;
}

To change color of letters use this CSS

Code:

body  div  .mod_flexicontent_wrapper .fcitem_text {
    color: #000000; /*black*/
}

for other CSS please use firebug to find what you need and add then add them to the above file

NOTE the carousel template of module gets improved in v2.1.3 final
- can use paging and page bullets
- can use fading instead of scrolling
- last page is always full (will not show only 1 item)
- responsive to width, if you resize then items per page are recalculated
- can use title+desc as tip or title below the thumbnails
- styling improvements
- other ...

Regards

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

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

floskin
Topic Author
Offline
New Member

10 years 8 months ago #45424 by floskin

Replied by floskin on topic Customize background and text color in univeral module

Thanks so much !!

Finally, I have left different background as it makes a difference between both featured.
I have introduced you code in the CSS fields of template and it works fine. Now titles are different colors, but I can leave that for future improvement !!!
Thanks so much
floskin

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