WordPress.org

Support

Support » How-To and Troubleshooting » Add div boxes and position them

Add div boxes and position them

  • MyWP

    @my-wordpress

    How do you add several div boxes with headers and position them with CSS?

    There’s already a div box on my website which is the one with the content. I would like to add the div boxes right-aligned to the “main” one, and place them under each other.

    Can you decide whether a div should appear on a certain page or not?

    I’m a newbie to wordpress and coding, but really hope you guys would help me.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Beren

    @berenerchamion

    Can you provide a link or something? Not sure what you mean by header.

    Sounds like you need some basic CSS.

    MyWP

    @my-wordpress

    Picture

    The boxes should be like the yellow div with content, but just placed to the right and under each other (on the white area).

    I would like a header to the div boxes like a small box on top of the div boxes where I can type in a headline and style them another color than the boxes.

    I’m unsure about doing all this with CSS. Isn’t CSS so you can style things and not add them? I can imagine I would edit a .php or .html file?

    MyWP

    @my-wordpress

    Correct me if I’m wrong

    WPyogi

    @wpyogi

    Forum Moderator

    Yes, you need to add HTML to add divs. But are you wanting to add these just to your content? In that case in the text editor:

    <div class="mydiv">
    content here
    </div>

    CSS:

    .mydiv {
        color:  #XXXXXX;
    }

    Add other styles as you like – without more details (including the theme you are using) no way to be of much more specific help.

    MyWP

    @my-wordpress

    I’m using the Arras Theme. But in which file and where in the file would I add the HTML for adding divs? And how do i decide their placement? (To the right for the content-div and under each other with a gap I decide my own)

    WPyogi

    @wpyogi

    Forum Moderator

    It all depends on what you are trying to do and where. For help with Arras, please use their forums:

    http://forums.arrastheme.com/

    MyWP

    @my-wordpress

    I’ve already tried, but apparently nobody’s using the forum, cause haven’t got an answer there since I’ve created a question. This forum is my last hope 🙁 Hope you’ll help me :/

    esmi

    @esmi

    Forum Moderator

    I’m sorry but as you are using a non-WPORG theme, you need to seek support from the theme’s developers – paid or otherwise. We only support themes downloaded from wordpress.org here.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Add div boxes and position them’ is closed to new replies.