Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] How do I put borders around specific text on certain pages? (http://forum.bytesforall.com/showthread.php?t=14101)

helpsolve May 9, 2011 06:44 PM

[SOLVED] How do I put borders around specific text on certain pages?
 
Hi,

I'm trying to add this to any paragraph on any post or page,


{
border-style:solid;
border-width:5px;
}


How can I accomplish this? Thank you!

juggledad May 9, 2011 07:07 PM

what version of Atahualpa and WP?
What is the URL?
Have you tried looking at it with FireBug in FireFox?

helpsolve May 9, 2011 07:14 PM

Hi,
Atahualpa 3.6.4


I've tried this:


ATO > css insert
.pclass
{
border-style:solid;
border-width:5px;
}

Then this in an individual page via HTML tab of the editor:

<span class="pclass">

my existing text

</span>

After I do that, and hit update, automatically this is what happens as seen in the HTML tab:


<span class="pclass"> </span>

my existing text


for some reason the closing span tag is moved outside of the text I wanted the border to surround

juggledad May 10, 2011 03:50 AM

What is the URL so I can see what you are talking about

lmilesw May 10, 2011 10:35 AM

The WordPress editor doesn't know how to handle the spaces you have between the span tags and the content.
Instead of what you put in your page try the following.
HTML Code:

<span class="pclass">my existing text</span>

juggledad May 10, 2011 10:55 AM

try this in the CAA Inserts
HTML Code:

div.post-bodycopy p {border: solid 5px #000000;}

helpsolve May 10, 2011 10:56 AM

Things I've tried:

I know this works:

<span class="pclass">testing text</span>

But the problem is this:

<span class="pclass"><h2>AMERICAN HEAT</h2></span>
Due to the overwhelming poor ratings from customers, we do not recommend their instant hot water heaters.

With the above original text, I can only do the following:

<h2><span class="pclass">AMERICAN HEAT</span></h2>

This doesn't work:
<span class="pclass"><h2>AMERICAN HEAT</h2>
Due to the overwhelming poor ratings from customers, we do not recommend their instant hot water heaters.</span>


But what I need is a single border inside a whole area of text that includes links, a few paragraphs, and has spaces, etc.

I don't think the above is going to work?

Any other ideas please?

helpsolve May 10, 2011 11:11 AM

Quote:

Originally Posted by juggledad (Post 65124)
try this in the CAA Inserts
HTML Code:

div.post-bodycopy p {border: solid 5px #000000;}

Hi,

Thank you for trying, but what I really need is custom control over which page and which sections of text I need borders around.

That code creates borders for every paragraph.

thinking out loud:

-do you recommend I edit the individual html file for that page?
-is there another editor maybe as a plugin that shows me the full html tags that wp/ata is inserting into each page?
-a plugin?

helpsolve May 10, 2011 11:19 AM

Oh this works


<div style="border: solid 1px #000000;">
<h2>AMERICAN HEAT</h2>
Due to the overwhelming poor ratings from customers, we do not recommend their instant hot water heaters.
</div>


Thank you both!


All times are GMT -6. The time now is 04:50 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.