Hi,
I want to get the announcements block in my header to look something like this:


Title1 Abstract1 Title2 Abstract2 Title3 Abstract3

the divs need to be next to each other.
managed to get one title-abstract pair next to each other
but when i want more than one announcement to be displayed in a block
i get something like:

Title1 Abstract1

Title2 Abstract2

Title3 Abstract3

i just started learning css so i really dont know how to go about doing this.
if anyone's got some tips i'd really appreciate it.
thanks

Comments

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented
Assigned: Unassigned » nancydru
Category: support » feature

It looks like I need to add a wrapper around each announcement so that you can do this.

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented
Status: Active » Fixed

Okay. I've committed this change, hopefully in time to get tonight's -dev version roll-up.

Once you've downloaded the new version, you can add something like this to your CSS:

#block-announcements-0 .announcements {
  width: 33%;
  float: left;
  border: 1px dotted #880000;
  margin-right: 2px;
}

You can find the correct block name in the HTML output.

BTW, there is also an even/odd class if you want to do zebra striping.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented
Assigned: nancydru » Unassigned