Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Create Dynamic text box?

    Hey guys!
    Can someone give me the code ( CSS ?) to put a box ( prefer rounded corners ) around the text content area on my website? I guess it would be called dynamic, but I would like it to change in size depending on the amount of html text en capsuled with it. Is that done with CSS? Thanks
    bradentonairconditioning.org


    ps... I did not include any code because im not sure what you need.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Hello Bobster0007,
    Some generic examples here:
    Last edited by Excavator; 11-02-2011 at 01:31 AM. Reason: wondered where that closing tag went...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello Bobster0007,
    Some generic examples here:
    Hey Excavator,
    Yea Im not sure what to do with that. lol . I don't have to have rounded corners. I just wanted the text area to look more professional. Maybe have the box run the horizontal width of the theme. This is a wordpress theme so it dont use the index.html file. It has the style CSS file though. Any help will be appreciated.
    ps....... the last link is to a 404

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Quote Originally Posted by Bobster0007 View Post
    Hey Excavator,
    Yea Im not sure what to do with that. lol . I don't have to have rounded corners. I just wanted the text area to look more professional. Maybe have the box run the horizontal width of the theme. This is a wordpress theme so it dont use the index.html file. It has the style CSS file though. Any help will be appreciated.
    ps....... the last link is to a 404
    It may not be named index.html but I'm pretty sure it has markup.
    Fixed the 404

    Can't even guess what you want to change by the information you've given. That's why the generic examples. "I just wanted the text area to look more professional. " really tells us nothing.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Yes I really like the #3 box... I just want a box like that to go across the page to house some text. I would like for the box to increase or decrease in size depending on the amount of text thats entered. I want it to be just under the feature area thats up now. I guess I would enter the CSS into my themes "style CSS'' sheet. But Im not sure where to enter the "Markup" sheet data?

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Quote Originally Posted by Bobster0007 View Post
    Im not sure where to enter the "Markup" sheet data?
    That's going to make things difficult as I'm really not familiar editing wordpress themes.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #7
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    That's going to make things difficult as I'm really not familiar editing wordpress themes.
    Ok sir, thanks for trying...

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Quote Originally Posted by Bobster0007 View Post
    Ok sir, thanks for trying...
    If you link to the site it would not be too hard to tell where the markup and CSS should be added. Impossible for me to tell from here the method since I can't see what UI Wordpress makes you use...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts

  • #10
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts


    add a class called dynamic-box

    Code:
    .dynamic-box {
         border-radius: 10px;
         -wekbit-border-radius: 10px;
         -moz-border-radius: 10px;
         padding: 20px;
    }
    if you can't add a class to the html for whatever reason, just add the css to the .hentry class


    here's a cool little tool you can use if you are still confused http://border-radius.com/

    - Sammy
    Last edited by Sammy12; 11-02-2011 at 03:31 AM.

  • #11
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Sammy12 View Post


    add a class called dynamic-box

    Code:
    .dynamic-box {
         border-radius: 10px;
         -wekbit-border-radius: 10px;
         -moz-border-radius: 10px;
         padding: 20px;
    }
    if you can't add a class to the html for whatever reason, just add the css to the .hentry class


    here's a cool little tool you can use if you are still confused http://border-radius.com/

    - Sammy
    Sammy, I tried adding both classes separately to the "child theme's" CSS stylesheet but nothing happened. If youre not familiar with wordpress, its run with php and you cant access any html which still seems wierd to me when I can see html as your image shows. oh well, thanks for trying also...

  • #12
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    just add it to a css file

    you don't need to add a new class, you can add it onto an existing one (.hentry)
    it shouldn't mess anything up since .hentry was only used once on this page, so I'm guessing it wouldn't be harmful

    Code:
    .home .hentry {
         border-radius: 10px;
         -wekbit-border-radius: 10px;
         -moz-border-radius: 10px;
         padding: 20px;
    }
    if it doesn't work could you post a screen shot of the css file? I never used wordpress before
    Last edited by Sammy12; 11-02-2011 at 04:16 AM.

  • #13
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    No it didnt work... I cant see where to upload file on the page in the box like you did so here is an attachment css file.
    Attached Files Attached Files

  • #14
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    haha add border: #333 1px solid;

    LOL, the borders are curved, but no line has been defined!!!

    Code:
    .home .hentry {
         border: #333 1px solid;
         border-radius: 10px;
         -wekbit-border-radius: 10px;
         -moz-border-radius: 10px;
         padding: 20px;
    }
    THERE WE GO

  • Users who have thanked Sammy12 for this post:

    Bobster0007 (11-02-2011)

  • #15
    New Coder
    Join Date
    Oct 2011
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thank you so much Sammy, that was awesome!

    I will have to study what you did so I can learn something. lol


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •