Welcome, Guest
Username Password: Remember me
Forgot your password? Forgot your username? Create an account
MLWebTechnologies
Joomla
Administrator Modules

content container background color not showing
(1 viewing) (1) Guest
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: content container background color not showing

content container background color not showing 12 months ago #1756

I have 10 years website development skills and this one really stumps me so I regret coming here but this problem only occurs with the PrayerCenter component. If I go to any other content page, my CSS settings "#rt-main .rt-container {background-color: #ffffff !important;}" are recognized and it puts a white background on the entire content area. However, if I go to the link to the PrayerCenter Control Center, it shows a red background. I checked with Firebug and it does have my CSS code above listed in the top priority position as well as it does show the calculated background color as being "#ffffff". I've checked this with FF, Chrome and IE with the same results.

Sadly, this is an upgrade development site of Joomla 2.5 as the current site is Joomla 1.5 so I can't list a link as it's password protected.

Can anyone give me something that I might look at that I haven't tried before.

Luke
Last Edit: 12 months ago by LukeDouglas.
Reply Quote

Re: content container background color not showing 12 months ago #1757

OK, I may be on to something. The calculated height value for "rt-main .rt-container" is '0' (zero). Without any height, there can be no background, yet the Prayer Center is showing as I do not have 'overflow' set to hidden. So, how can I ensure that the PrayerCenter Control Center properly adjusts the height of the container that it is within?

Here is the source code for the container:

<div id="rt-main" class="mb12">
                <div class="rt-container">
                    <div class="rt-grid-12 ">
                                                						<div class="rt-block">
	                        <div id="rt-mainbody">
								<div class="component-content">
	                            	
<div><div class="componentheading"><h2>PrayerCenter</h2></div><div><br /><div id="pc-menu"><div align="left"><a class="" title="View Prayer Listing" href="/jupgrade/index.php/prayer-center/view">
             View Prayer Listing</a></div><div align="left"><a class="" title="Submit a Prayer Request" href="/jupgrade/index.php/prayer-center/newreq">
            Submit a Prayer Request</a></div><div align="left"><a class="" title="Subscribe to Prayer Chain" href="/jupgrade/index.php/prayer-center/subscribe">
            Subscribe to Prayer Chain</a></div><div align="left"><a class="" title="Christian Web Links" href="/jupgrade/index.php/prayer-center/view_links">
            Christian Web Links</a></div><div align="left"><a class="" title="Devotionals" href="/jupgrade/index.php/prayer-center/view_devotion">
            Devotionals</a></div></div></div><div><div class="mosimage" align="center" style="float:right;padding:0">
         <img class="pc-img" alt="" title="" border="0" src="/jupgrade/components/com_prayercenter/assets/images/prayer.png" />
        </div>Prayer is the practice of the presence of God. It is the place where pride is abandoned, hope is lifted, and supplication is made. Prayer is the place of admitting our need, of adopting humility, and claiming dependence upon God. Prayer is the needful practice of the Christian. Prayer is the exercise of faith and hope. Prayer is the privilege of touching the heart of the Father through His Son, Jesus Christ our Lord.<br />
<br />
 Draw near to God and He will draw near to you. James 4:8<br />
<br />
Be anxious for nothing, but in everything by prayer and supplication with thanksgiving let your requests be made known to God. And the peace of God, which surpasses all comprehension, shall guard your hearts and your minds in Christ Jesus. Phil. 4:6-7<br />
<br />
Father, in Your mercy, hear our prayers.<br /><span class="article_separator"> </span><br /></div><div class="footer" style="clear:both;text-align:center;font-size:x-small;">PrayerCenter&copy; brought to you by <a href="http://www.mlwebtechnologies.com/" title="MLWebTechnologies">MLWebTechnologies</a></div><br /><div style="text-align:right;"><a href="/jupgrade/index.php/prayer-center/rss?key=d41d8cd98f00b204e9800998ecf8427e" target="_blank" title=" PrayerCenter RSS Feeds"><img src="/jupgrade/media/system/images/livemarks.png" alt=" PrayerCenter RSS Feeds" style="border:0;" /></a>&nbsp;&nbsp;</div><br /><br /><br />
								</div>
	                        </div>
						</div>
                                                                    </div>
                                        <div class="clear"></div>
                </div>
            </div>


Here is the CSS which is recognized:

#rt-main .rt-container {background-color: #ffffff !important;}


Here is the calculated values from Firebug:



As you can see, the height value is 0 so the container will not show at all.
Last Edit: 12 months ago by LukeDouglas.
Reply Quote
Reply Topic
New Topic
  • Page:
  • 1
MLWebTechnologies
Joomla
Administrator Modules
Powered by Kunena
Time to create page: 0.34 seconds