Okay
  Public Ticket #168021
rounded corners
Closed

Comments

  • Ben started the conversation
    How, or better: where?, do I assign (most probably with CSS) rounded corners to a slider?
  •  1,194
    Amit replied

    give your module a module class sufix

    for example i gave _rev_responsive and then the class it gets is moduletable_rev_responsive

    and example for css is

    .moduletable_rev_responsive
    { border-radius:30px; overflow:hidden; }

     

  • Ben replied

    Yes, Amit,

    Already tried your suggestion, but apparently I have missed something. The newly defined CSS class ".moduletable_rev_responsive" is not even visible in Firebug if I look for it on the slider.
    So the CSS definition doe not hold, for some reason.

    I will be trying it out some more...

    Ben

  • Ben replied

    Well, Amit,

    I am able to get it to work, but (for the moment) without the use of  a "module class suffix".

    Using Firebug, I found the ones that I need to define:

    .rev_slider {
        border-radius:30px;
        overflow:hidden;
    }
    .rev_slider_wrapper {
        background-color: #FFFFFF !important;
    }

    Using the ones above, give me the result that I want. Now I am going to try to use a suffix in order to define only the module that I want to cahnge (because with the css above, all the slider modules change...)

    I will come back,

    Ben

  • Ben replied

    Sorry to say, Amit,

    But the only way it really works is this:

    Do NOT use the module class suffix. In my template (based on protostar, Joomla 3.2.2) I simply add a CSS definition (in template.css) like this:

             .rev_slider { border-radius:5px; overflow:hidden;  }

    This class is used by Revolutionary Slider 2. Unfortunately ALL sliders will then get this CSS defintion.

    Background colors (which will be neede as corners show some of the background...) can be defined per slider module, as these are choosen in the "Slider Settings" for each slider that is defined.

    Hope, I can help others with this,

    And funny, that Module Class Suffix cannot be used in Revolutionary Slider 2

    Ben

     

  • Ben replied

    As addition (and part correction) of the previous message...

    It IS possible to add a CSS definition per separate slider. If you use the DIV definition for the slider that you want to change:

              #rev_slider_1_1 {    border-radius:5px; overflow:hidden; }

    The numbers: _1_1 are defined by the slider position and have to be checked with Firebug.
    Using the above DIV defintion ONLY changes the corners of that one slider and not of ALL the sliders in use.

    Hopefully it helps others, and again... funny that Revolutionary Slider does not recognize Module Class Suffix definitions.

    Ben

  •   Max replied privately
  • Ben replied

    Already found this out... I used the enumeration after looking at Firebug's answer to the slider. Then adjusting it to my preference.

    Ben