Jump to content


Photo
- - - - -

Revslider height

revslider customization slider

Best Answer James B , 30 January 2014 - 11:52 PM

If there's incorrect or broken code in your css panel higher up in the list, any new code added after this will not take affect as it won't be read properly. Go back through your previous css that's been added and check the code has the correct syntax and closing brackets etc. If need be, copy the code to a blank document/email and save so you have a copy. Then add something obvious into the empty css panel to take affect and check its working. Then add your code back and go through.

Go to the full post


  • Please log in to reply
14 replies to this topic

#1 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 29 January 2014 - 06:38 PM

Hi,

I'm trying to set the Revslider height as it was explained in this topic but it doesn't work out.

I want to set the height to 390px.

Check the website

 

Please help.

Thanks in advance.

 

Javier L.



#2 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts
  • LocationTokyo
  • Country: Country Flag

Posted 29 January 2014 - 06:57 PM

Try this: .slotholder {height: 390px !important}



#3 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 29 January 2014 - 07:20 PM

Try this: .slotholder {height: 390px !important}

 

Tried that but still doesn't change.

Another idea?

thanks



#4 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts
  • LocationTokyo
  • Country: Country Flag

Posted 29 January 2014 - 07:30 PM

And this?

 
.slotholder * {height: 390px !important}


#5 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 29 January 2014 - 08:31 PM

 

And this?

 
.slotholder * {height: 390px !important}

 

That doesn't work out either.

:o



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 29 January 2014 - 11:15 PM

Hi there,

 

Try the following this is what's showing in the css class where the max-height restriction is displaying on your site

 

.revslider-full .revslider-initialised .tp-simpleresponsive {

 height: 390px !important;

}


#7 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 30 January 2014 - 06:56 PM

Nothing yet. I really don't understand what is going on. I'm trying to change other stuff and i have the same problem, nothing changes.

 

For example:

 

I've set simplenav to display vertically with specific margins, as a secondary menu, using different menus for different pages.

But these margins are being displayed correctly only in one of those menus. In this other one doesn´t.

 

Please help!!!!  :(

 
 
 

 

Hi there,

 

Try the following this is what's showing in the css class where the max-height restriction is displaying on your site

 

.revslider-full .revslider-initialised .tp-simpleresponsive {

 height: 390px !important;

}

 



#8 batman

batman

    Bat Learning

  • Members

  • 2167 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 January 2014 - 07:17 PM

Hi @achif

I change the Revslider height in this site

http://natfoto.com.ar

 

The code is

 

/* TAMAÑO REVSLIDER */
 
.revslider-full.revslider-initialised.tp-simpleresponsive {
    max-height: 800px !important;
    height: 800px !important;}
 
.revslider-full.revslider-initialised.tp-simpleresponsive, .revslider-full.revslider-initialised.tp-simpleresponsive.hovered {
    max-height: 800px !important;
    height: 800px !important;}
 
.revslider-container {
     max-height: 800px !important;
    overflow: hidden;}
 
Perhaps resolve the first problem
Saludos
;)

  • skywork9000 likes this

#9 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 30 January 2014 - 07:20 PM

 

Hi @achif

I change the Revslider height in this site

http://natfoto.com.ar

 

The code is

 

/* TAMAÑO REVSLIDER */
 
.revslider-full.revslider-initialised.tp-simpleresponsive {
    max-height: 800px !important;
    height: 800px !important;}
 
.revslider-full.revslider-initialised.tp-simpleresponsive, .revslider-full.revslider-initialised.tp-simpleresponsive.hovered {
    max-height: 800px !important;
    height: 800px !important;}
 
.revslider-container {
     max-height: 800px !important;
    overflow: hidden;}
 
Perhaps resolve the first problem
Saludos
;)

 

 

 

Gracias Batman, voy a probar y te cuento. Saludos!



#10 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 30 January 2014 - 07:27 PM

Nada (nothing).

 

It seems that something wrong is going with my custom CSS editor. As i said, i've tried to change other stuff... without success. :_(

 

Gracias Batman, voy a probar y te cuento. Saludos!



#11 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 30 January 2014 - 09:04 PM

I tested my custom css editor and it isn't working at all.

Is there something i can do with this?

Please help, thanks



#12 batman

batman

    Bat Learning

  • Members

  • 2167 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 January 2014 - 09:25 PM

Hi again

1. Please, you can disable all your plugin

2. You can try use a chid Theme to write all your CSS codes, you can see

http://docs.pageline...per/dms-theming

and here you have the Nick Child Theme, this work fine in DMS

https://github.com/b...icks-base-theme



#13 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 January 2014 - 11:52 PM   Best Answer

If there's incorrect or broken code in your css panel higher up in the list, any new code added after this will not take affect as it won't be read properly. Go back through your previous css that's been added and check the code has the correct syntax and closing brackets etc. If need be, copy the code to a blank document/email and save so you have a copy. Then add something obvious into the empty css panel to take affect and check its working. Then add your code back and go through.


  • batman likes this

#14 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 31 January 2014 - 12:29 PM

If there's incorrect or broken code in your css panel higher up in the list, any new code added after this will not take affect as it won't be read properly. Go back through your previous css that's been added and check the code has the correct syntax and closing brackets etc. If need be, copy the code to a blank document/email and save so you have a copy. Then add something obvious into the empty css panel to take affect and check its working. Then add your code back and go through.

 

Thanks! It was just missing closing brackets  :cold:
 
May i suggest to include warning messages for this kind of issues.
 
thanks all of you guys


#15 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 31 January 2014 - 11:38 PM

I'll pass it on, glad you managed to resolve, thank you for updating the thread.







Also tagged with one or more of these keywords: revslider, customization, slider