Bootstrap/Content module CSS changes

krileon
ONLINE
Posts: 48449
Thanks: 8280
Karma: 1443

12 years 1 week ago - 12 years 1 week ago #212391 by krileon

Replied by krileon on topic Re: Bootstrap/Content module CSS changes

My guess is it's due to the styling on "a" elements from #myCon selector. Below should help.

Code:

#myCon > .tab-row > .selected a:hover,
#myCon > .tab-row > .selected a:active,
#myCon > .tab-row > .selected a:focus {
// your styling here
}

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Last edit: 12 years 1 week ago by krileon.

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

YeeP
OFFLINE
Posts: 33
Thanks: 0
Karma: 0

12 years 1 week ago #212392 by YeeP

Replied by YeeP on topic Re: Bootstrap/Content module CSS changes

Ok, I found the code that associates "Manage Connections" in the language file. It is in comprofiler.html.php, in the comprofiler root folder.

Code:

<form action='<?php 
	echo cbSef('index.php?option=com_comprofiler&amp;task=saveConnections'.($Itemid ? "&amp;Itemid=". (int) $Itemid : ""));
		?>' method='post' name='userAdmin'>
	<div class="tab_Description"><?php echo _UE_CONNECT_MANAGECONNECTIONS; ?></div>
	<table cellpadding="5" cellspacing="0" border="0" width="95%">
	  <thead><tr>
		<th style='text-align:center;'><?php echo _UE_CONNECTION; ?></th>
		<th style='text-align:center;'><?php echo _UE_CONNECTIONTYPE; ?></th>
		<th style='text-align:center;'><?php echo _UE_CONNECTIONCOMMENT; ?></th>
	  </tr></thead>

where template.css says:

Code:

.tab_Description {
	margin-bottom: 10px !important;
}

That is the only reference to that tab, nothing related to text color.

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

krileon
ONLINE
Posts: 48449
Thanks: 8280
Karma: 1443

12 years 1 week ago - 12 years 1 week ago #212393 by krileon

Replied by krileon on topic Re: Bootstrap/Content module CSS changes

Please see above reply. Manage connections "a" elements styling seams to have a stronger selector. Will be reviewing for a later release to see if this can be improved.

Last edit: 12 years 1 week ago by krileon.

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

YeeP
OFFLINE
Posts: 33
Thanks: 0
Karma: 0

12 years 1 week ago - 12 years 1 week ago #212395 by YeeP

Replied by YeeP on topic Re: Bootstrap/Content module CSS changes

Sorry, I was typing that when you submitted your message. I see what you are talking about in firebug as far as the class

<div id="myCon" class="dynamic-tab-pane-control tab-pane">

You will see in my original post, that I pasted the modified code for that.

Code:

.tab-pane > .tab-row > .selected a,
.tab-pane > .tab-row > .selected a:hover {
	/*color: #555555 !important;   RDH changing to match template*/
	color: #FFFFFF !important;
	background-color: transparent !important;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7); /*RDH Added to match "title1" module class suffix font shadowing */

Edit: lol you edited your post. Let me got looking for that.

Last edit: 12 years 1 week ago by YeeP.

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

krileon
ONLINE
Posts: 48449
Thanks: 8280
Karma: 1443

12 years 1 week ago #212397 by krileon

Replied by krileon on topic Re: Bootstrap/Content module CSS changes

It's due to the #myCon "a" element styling. It's too strong of a selector and not overriding. Will be fixing for next release.

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

YeeP
OFFLINE
Posts: 33
Thanks: 0
Karma: 0

12 years 1 week ago #212401 by YeeP

Replied by YeeP on topic Re: Bootstrap/Content module CSS changes

Thank you for looking into it.

Can I assign a "transparent" font color in the #myCon a:active, so it falls down to the next step in "strength"?

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

Moderators: beat, nant, krileon