Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated
Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

Font invisible with changing post titles

11 years 6 months ago
  • Jared's Avatar
    Topic Author
  • Jared
  • Offline
  • Fresh Boarder
  • Posts: 1
  • Thank you received: 2
Licenses:
JomSocial Expired Socialize Expired

ISSUE SUMMARY:
When changing a title of a post, the font is invisible or color white. I cannot find the css to change.

STEPS TO REPLICATE:
1 Login
2 Post a link
3 Attempt to change the title

Attachments:
11 years 6 months ago
  • Jared's Avatar
    Topic Author
  • Jared
  • Offline
  • Fresh Boarder
  • Posts: 1
  • Thank you received: 2
Licenses:
JomSocial Expired Socialize Expired

I found this issue:

I have the following custom css to affect the color of other components of the site but they are affecting JomSocial as well:

.FlexibleForm .FlexibleFormRow input[type="text"], .FlexibleForm .FlexibleFormRow input[type="password"], input {
    color: #fff !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
    width: 200px;
}

I admit that my ability to deploy correct css overrides is still a learning process and takes me a few times but I was wondering how I can properly use the above css overrides without affecting the shared JomSocial .inpuxbox?

Any advice would be greatly appreciated.

11 years 6 months ago
Licenses:

Hi Jared,

that CSS is really bad. all html input will be in white, because not using class at specific selector. that CSS must be:

.FlexibleForm .FlexibleFormRow input[type="text"], .FlexibleForm .FlexibleFormRow input[type="password"], input.NEED_TO_PUT_CLASS {
    color: #fff !important;
}
or
.FlexibleForm .FlexibleFormRow input[type="text"], .FlexibleForm .FlexibleFormRow input[type="password"] {
    color: #fff !important;
}

and this CSS will make entire input, select, form as 200 width
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
    width: 200px;
}

the issue with this custom CSS, not jomsocial.

Regards

11 years 6 months ago
  • Jared's Avatar
    Topic Author
  • Jared
  • Offline
  • Fresh Boarder
  • Posts: 1
  • Thank you received: 2
Licenses:
JomSocial Expired Socialize Expired

Ah, I see! Thank you Albertus.

:)

Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere

© JomSocial.com All Rights Reserved