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)
-   -   Changing the style of 'pre' Preformatted text? (http://forum.bytesforall.com/showthread.php?t=6178)

jraymonds Mar 6, 2010 11:41 AM

Changing the style of 'pre' Preformatted text?
 
I have only been using Wordpress for about six months and really do not know the ins and outs of web programming beyond having a background in 'C' and doing well just running off examples. I have been able to track down and successfully implement most of the customizations I have tried so far and I am even starting to feel comfortable adding things to the CSS Inserts... enough background...

What I cannot seem to find anywhere in the Theme nor on this forum is how to change the style of the basic formats for post text -- specifically I am looking to place a box around preformatted text and maybe tweak its features and I am not sure I can find out how to do this on my own!

Thanks in advance for what I am sure is a simple procedure.

-John

juggledad Mar 7, 2010 04:29 AM

what version of Athualpa and WP?
What is the url?
What do you mean be 'preformatted text'?

jraymonds Mar 7, 2010 06:48 AM

what version of Athualpa and WP? 3.4.6/2.9.2

What is the url? I am currently running Athualpa on a sandbox VM machine and is thus only on a local LAN at the moment. For an example of what I am talking about (NOT IN ATHUALPA) look at the DOS commands at the following post: http://www.raymonds.com/JRsBlog/2010...t-cd-for-a-pc/

What do you mean be 'preformatted text'? I mean the text style one can select when writing a post -- like:

Paragraph
Address
Preformatted
Heading 1
Heading 2
etc

juggledad Mar 7, 2010 07:28 AM

You are right, there isn't a preset option for changing that. However you can use a CSS Insert to apply the styling you want. If you were to add to ATO->Add HTML/CSS Inserts->CSS Insert
HTML Code:

pre {
border: 1px blur;
}

you would ger a blue border around the preformatted text

jraymonds Mar 7, 2010 08:20 AM

Got it -- though your syntax does not seem to be correct as it produced no visible result. I have the following:

pre {
padding: 1em 1em;
border: solid 1px #6D97B7;
}

Which works but the odd problem this produces is with the padding in place the top, bottom, and left boarders look perfect but for some reason the right one is not seen at all because the boarder runs into the right sidebar. If I remove the padding the boarder wraps tight around the text which is no where near the right sidebar. Any ideas?

Also, as a side note -- am I missing something stupid in the FAQ? Where can I put my WP, Atahualpa, OS, etc, stats so they appear in these forum posts?

juggledad Mar 8, 2010 03:56 AM

oops, I've seen colors blur but never a color blur, I mistyped - that should be 'blue' (my finger was close)
try playing with margin

the info you see when I post was put in my profile in the 'where you live' field

jraymonds Mar 8, 2010 06:49 AM

That's what I thought -- problem is margin seems to have no effect. Turns out it is the padding that was pushing it into the right column. So, if I cut back on that at least I can see the right board but it is still running up next to the right column. Looks horrible. This does not happen with a blockquote so there must be some way to do it. Could the issue be related to me using a fluid width for the center? Even if it is -- that is a must for me and I do not want to give that up just to fix this issue.

Latest try below -- typing any value into margin-right has no visible effect on the boarder.

pre {
border:1px solid #ccc;
padding:5px 10px;
background: #f8f8f8;
font-size: 12px;
margin-right: 50px;
}


All times are GMT -6. The time now is 07:40 PM.

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