Content margin + arrow positioning

mittchel's Avatar


31 Aug, 2012 11:27 PM

First of all I would like to say that I really enjoy RoyalSlider and this is the best slider I have ever used.

Currently I'm building a quick website that I need to launch as beta before I can develope the full website. I've been using the following theme to do this:

Now, what I want is to incorporate RoyalSlider instead of the current slider. Though now I'm stumbling onto two problems:

  1. I can't seem to get the container info (so the html block, not the image) to get a 960px and a margin like in the theme. As you can see in the theme, the background is full width and the content has a margin. I tried to wrap a div around the content or adjust rsContent, but this all didn't work out for me.

  2. My second problem is the arrows. I read the FAQ and saw something about positioning, but I didn't quite get the hang of it. How am I able to position it just like the arrows of the theme?

How far I came? Well, check it out:

I sincerely hope someone can help me out with this one.


  1. 1 Posted by mittchel on 01 Sep, 2012 10:57 AM

    mittchel's Avatar

    I fixed the margin issue, but how am I able to get the navigation arrows the same?

    Edit: I also fixed the arrows issue.. was pure CSS. See example for end result

  2. mittchel closed this discussion on 01 Sep, 2012 11:13 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac