Reverse animation on More Article Box?

Hi there. In my current design my sidebar is on the left. This makes the More Article Box appear on top of the content making it extremely annoying.

I am trying to move this guy to the left side. So far I have partially succeeded:

.td-front-end-display-block {
    left: 0;
}
.td-more-articles-box {
    border-color: #4A97DA;
    border-width: 1px 1px 1px 0px;
    bottom: 250px;
}

The thing that is not working is the return animation. It is actually quite funny because the box appears on the left and then exits on the right ^^.

Any advice on which code to target for the return animation would be greatly appreciated :).

example: http://goo.gl/Zm7PHb

• This topic was modified 10 years by Magistar.
• This topic was modified 10 years by Magistar.

Hi

That happens because the td-more-articles-box container have a right: 0 position from the theme so try this css to remove it:

.td-front-end-display-block {
right: auto;
}

Thanks!

Almost forgot about this! Thanks for the quick fix :).

Very helpful post. Thanks Magistar for bringing this up 😉

Any clue how to make the bg of the box 0.5 transparency?

Hi

Try this css in theme panel custom code > custom css: http://screencast.com/t/Y5episLGj

.td-more-articles-box{
    opacity: 0.5;
}

Thanks!

• This reply was modified 10 years by Andrei L..