featuredtext not showing with html

[kroscoe777]

version: 3.2.0
http://templebuild.org/

Hi There,

I see that there are a number of posts about this. However, they are old and those solutions do not work. I just updated to 3.02; I was always able to have the text show in the featuredtext, but I wanted to make it bigger. In the readme.txt is says I can add html, so I added h tags.

"Check here if you want to use custom text under the post/page title.
Key: featuredtext - Insert custom text in the value. HTML is allowed"

A previous solutions was to add a style to a span, so I tried <span> and <p> with a font-size of 20px. Then it didn't show at all. It seems ANY html added will not only not work, but it will take the entire text out. And the span tag, blanked out the entire slider. ( no error).

It looks like it is almost there. Currently, I have taken the html out, except one of them which is corruption and it looks like

Code: Select all

   <p><p style ="font-size: 20px;">Corruption
Adam and Eve.</p>

I have my setting correct as clearly it works without html. And, there are h2 tags where this would be great, if the text would land in the h2, not p tags. Any fix in this new version I am missing?

In a nutshell, how can I make the font bigger, ( css didn't work either)
KP thanks for you help in advance.

Code: Select all

   
    <div id="myGallery">
                 <div class="imageElement">
                <h2></h2>
                                    <p>Creation: In the beginning God created ........... </p>
                                  <a href="http://templebuild.org/1-genesis/bible-lessons-genesis-19-13/" title="Read More" class="open"></a>
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/creation.jpg" alt="" class="full" />
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/creation.jpg" alt="" class="thumbnail" />
              </div>

                       <div class="imageElement">
                <h2></h2>
                                    <p><p style ="font-size: 20px;">Corruption
Adam and Eve.</p></p>
                                  <a href="http://templebuild.org/1-genesis/genesis-14-5/" title="Read More" class="open"></a>
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/3.jpg" alt="" class="full" />
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/3.jpg" alt="" class="thumbnail" />
              </div>
                       <div class="imageElement">

                <h2></h2>
                                    <p>Catastrophe
Noah's Ark flood </p>
                                  <a href="http://templebuild.org/1-genesis/bible-study-lessons-genesis-11-3/" title="Read More" class="open"></a>
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/1.jpg" alt="" class="full" />
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/1.jpg" alt="" class="thumbnail" />
              </div>
                       <div class="imageElement">
                <h2></h2>

                                    <p>Confusion
The City of Babel </p>
                                  <a href="http://templebuild.org/introduction-general/bible-study-lessons-genesis-1-8/" title="Read More" class="open"></a>
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/babylon-tower.jpg" alt="" class="full" />
                 <img src="http://templebuild.org/wp-content/themes/intrepidity/images/babylon-tower.jpg" alt="" class="thumbnail" />
              </div>
                       <div class="imageElement">
                <h2></h2>


[admin]

in the file jd.gallery.css.php
you can find styles:

Code: Select all

.jdGallery .slideInfoZone h2
{
padding: 0 !important;
font-size: 14px !important;
background-color: <?php echo $fcg_bgcolor; ?> !important;
margin: 2px 5px !important;
font-weight: bold !important;
color: <?php echo $fcg_textcolor; ?> !important;
background-image: none !important;
text-align: left !important;
}

.jdGallery .slideInfoZone p
{
padding: 0 !important;
background-color: <?php echo $fcg_bgcolor; ?> !important;
font-size: 11px !important;
margin: 2px 5px !important;
color: <?php echo $fcg_textcolor; ?> !important;
background-image: none !important;
text-align: left !important;
}

h2 is responsible for title in slider, p is responsible for description in slider
you can modify font size there