WordPress.org

Ready to get started?Download WordPress

Forums

Add div boxes and position them (9 posts)

  1. MyWP
    Member
    Posted 1 year ago #

    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.

  2. Beren
    Member
    Posted 1 year ago #

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

    Sounds like you need some basic CSS.

  3. MyWP
    Member
    Posted 1 year ago #

    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?

  4. MyWP
    Member
    Posted 1 year ago #

    Correct me if I'm wrong

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  6. MyWP
    Member
    Posted 1 year ago #

    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)

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    http://forums.arrastheme.com/

  8. MyWP
    Member
    Posted 1 year ago #

    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 :/

  9. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags