overriding CSS style in Mobile_Basic template

info@hokejwpasy.pl
9 years, 3 months ago
Hi,

I'm checking the free version of Mobile Joomla on my website.
Tried to override colors in CSS by using custom.css file with custom_preload.txt
I did add the full path to custom.css file in   custom_preload.txt so joomla doesn't complain that file is missing.

I did add following code to custom.css
 
html body .ui-group-theme-a a {
    color: #ff0000;
    font-weight: 700;
}
 
.create, .modified, .published, .createdby, .hits, .parent-category-name, .category-name, .subheading-category {
    font-size: 12px;
    color: #ff0000;
}
 
span.highlight {
    color: #ff0000;
}
 


but there is no change on my mobile version.

Is it possible to do it on free version of Mobile Joomla and I'm doing something wrong or it is not possible at all.
john.causing
9 years, 3 months ago
Hello,

Thanks for using Mobile Joomla! forum. Please provide us the URL of your Joomla site and screenshot of the issue so that we can also replicate it on our end.

Best,

John Mark C.
Mobile Joomla! Support
john.causing
9 years, 2 months ago
Hello,

You can point out from your screenshot where it should be changing the color? Are you using the correct class?

Because when you add this example CSS to custom.css code, the link title should change the color to red:

a.ui-link {
    color: #ff0000;
}
info@hokejwpasy.pl
9 years, 2 months ago
Thanks, this did a trick.
One question, where I can find all CSS definition for MobileJoomla ?
john.causing
9 years, 2 months ago
Hello,

You can see the CSS of Mobile Joomla under its template like mobile_basic/css/mj.css and structure.css

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.