WordPress.org

Ready to get started?Download WordPress

Forums

WP Parallax Content Slider
Can I change the position of the title? (12 posts)

  1. JelaniLeonel
    Member
    Posted 1 year ago #

    Hi there,

    First of all I want to say that your slider looks ver slick and nice and I would like to use it.
    But I've got some issues.

    First: My title is in the middle of the slider on top of my content and it is way to big.
    Second: My photo is way too small
    Three: Its too big for me atm, i would like to have it fitted where my biggest post is now. Check AjaxTotaal

    I've tried to change these setups, but I can't do it anywhere.

    I'm kinda of a n00b, but I'm pretty sure you can't change this in the option panel under settings.

    Can you help me out?

    Thank you!

    http://wordpress.org/extend/plugins/wp-parallax-content-slider/

  2. wp-maverick
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    you're right, that's impossible to customize via the admin panel!
    The only way to do it, is to adapt the CSS styles directly in the plugin css file :(
    You'll then be able to resize your image, to change the size of the slider and customize fonts...

    I'll try to add more options in the admin panel in a future version to make it simpler.

    Regards!

  3. JelaniLeonel
    Member
    Posted 1 year ago #

    Thanx alot!

    Im more or less start to understand the css file (first time doing it).
    And i managed to sort out the title and the content by putting them in the correct position.
    Now I would like make the Image bigger, it is now way too small.

    .da-slide h2{
    color: #fff;
    font-size: 30px;
    width: 40%;
    top: 10px;
    white-space: nowrap;
    z-index: 10;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-family: 'Economica', Arial, sans-serif;
    font-weight: 700;
    }
    .da-slide p{
    width: 45%;
    top: 100px;
    color: #916c05;
    font-size: 18px;
    line-height: 26px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
    font-family: 'Economica', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    }
    .da-slide .da-img{
    text-align: center;
    width: 20%;
    top: 70px;
    height: 100px;
    line-height: 320px;
    left: 110%; /*60%*/

    Where do I change it? Or do I have to look that up somewhere else?

  4. wp-maverick
    Member
    Plugin Author

    Posted 1 year ago #

    Hello,
    to change image properties try:

    .da-slide .da-img img
    {
       width: 110%;
    }

    The CSS selector .da-slide .da-img you are trying to modify only apply styles to the div element with the class ".da-img" and not the image itself.

  5. JelaniLeonel
    Member
    Posted 1 year ago #

    Thank you!

    I will give it a go.

    Another question (sorry for all the questions!)

    I try to move the "read more" part to the right, but it seems when I do that everything goes to the right. Is it "stuck" with the others parts or am I looking in the wrong section of the codes?

    Anyways, I love this slider. Visually the best by far. Hopefully I can make it work on our website.

  6. wp-maverick
    Member
    Plugin Author

    Posted 1 year ago #

    Try to add this at the end of the CSS stylesheet:

    .da-link
    {
       left:85%;
    }
  7. JelaniLeonel
    Member
    Posted 1 year ago #

    Thank you!

    I sorted out the pic, but unfortunately it gets really pixilated(?).
    Is it correct that this plugin first compress the pic to a thumbnail and now i want it bigger it uses that little thumbnail to make it bigger instead of using the original picture?

    Am I making sense?

  8. wp-maverick
    Member
    Plugin Author

    Posted 1 year ago #

    The plugin use your wordpress theme default thumbnail size.
    There is no compression in this plugin.

  9. JelaniLeonel
    Member
    Posted 1 year ago #

    Ok thank you.

    Uff it's getting quiet complicated for me now!
    If you go to my page (http://www.ajaxtotaal.nl) you see the pic of the posts is quiet big. But if i see it on your slider it's very small and if I want to make it bigger (with the code you gave me) it becomes very pixilated. So you say that wordpress delivers your slide those little pics because your slide doesn't compress. That means that wordpress, before "giving" the slider access to the pics it compress the photo and then put it on your slider. Is that a correct reasoning?

    Is there any solution for that? A page where I can learn how to fix this? Because now we're getting at the wordpress part and I don't want to bother you with that.

    Thanks!

  10. Christine
    Member
    Posted 1 year ago #

    I was wondering if you could change the direction in which the title transitions. Currently, it seems that when you advance to the next slide (right), the content moves in from right to left, and then vice versa...when you go back to the previous slide (left) the content moves in from the left to right.

    Is there a way to always make the content transition from left to right no matter which direction (prev or next) you are coming from? I'm trying to find a slider plugin that will allow the background image to move by default (next goes right to left, prev goes left to right) but from either direction, ALL the content moves from left to right, always.

    Let me know if this can be done. Thanks!

  11. wp-maverick
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    Yes, this can be done! But you'll have to modify the plugin CSS stylesheet. That's not a feature I'll add in the admin panel.
    If you wan't all slides to go from left to right:
    - copy .da-slide-fromleft styles in .da-slide-fromright
    - copy .da-slide-toright styles in .da-slide-toleft

    Doing this you'll only have transitions from left to right ;)

  12. wp-maverick
    Member
    Plugin Author

    Posted 1 year ago #

    One last thing!!! Be careful, doing this you'll have to backup your own CSS during automatic updates! If you do not, update will erase/replace your file with the official one.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.