Add div boxes and position them

  • MyWP

    (@my-wordpress)


    11 years, 4 months 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.

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.

    Thread Starter 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?

    Thread Starter MyWP

    (@my-wordpress)

    Correct me if I’m wrong

    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.

    Thread Starter 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)

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

    https://forums.arrastheme.com/

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

    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 www.ads-software.com here.

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

Tags