CODEWITHSUNDEEP
cssr-markdownpandoc
Famondir
Famondir

Reputation: 55

ioslides: place title logo on the right side

I'm working on a presentation with ioslides (Rmarkdown). Since the corporate design rules for our university state that the logo should be on the right side (so the two faces look into the document) I'ld be happy if someone can help me with adjusting the ioslide theme via css or in the pandoc template.

The image and grey box should come in from the right side. I wasn't able to do that. All I could do was making the grey so long that is reaches the right side (which moves the logo as well cause it is relatively placed to the grey boxes right end as it seems to me).

Here is some CSS code I already found and experimented with:

.gdbar img {
  width: 150px !important;
  height: 150px !important;
  margin: 8px 8px;
}

.gdbar {
  width: 90% !important; # with 250px instead of 90% it produces the image posted below
  height: 170px !important;
}

This is the code produced after kniting: https://box.hu-berlin.de/f/d3d9e907fcef41a0bbf1/

I don't understand where the gdbar code resides in the first place. Would be happy about a hint here as well.

Edit: I have now this CSS setup and am almost done. Only the logo should be shifted a little bit to the left.

.gdbar img {
  width: 150px !important;
  height: 150px !important;
  margin: 8px 8px;
}

.gdbar {
  width: 250px !important;
  height: 170px !important;
}

aside.gdbar {
  left: initial;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
  background-position: right;
}

Best regards, Simon

enter image description here

Upvotes: 2

Views: 669

Answers (1)

TwistedOwl
TwistedOwl

Reputation: 1324

Your element has left: -1px property what makes sure it's always on the left. If you set left to initial:

aside.gdbar {
 left: initial;
 right: 0;
}

or you remove this left setting then your element will move to the right.

Upvotes: 2

Related Questions