Support » Theme: raindrops » How to have fluid function with custom width?

  • Resolved Martss



    Is it somehow possible to change page width so that it’s width has an maximum value (for example 750px), but when smaller than that, then fluid?

    I would like to have an narrow page, but when using on mobile device for example, then this fluid feature is really great!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Andrew Nevins


    Front-end developer

    Sounds like you want the max-width CSS property

    Thank you very much for your answer. I looked in style.css file, but there was only possible to set this max-width in precentages, is it somehow also possible in pixels?

    Just like in the “Raindrops options”, but there is possible only 4 options:
    1)750px centerd
    2)950px centerd

    I would like to set fluid option, with custom maximum width.

    Moderator Andrew Nevins


    Front-end developer

    Wow, that sounds like a great theme if it gives you those options you said.

    Can you use the Fluid option and then link to your website?

    Yes, you are right, it is really great theme! I am using at the moment 750px centred option, but I can put it for about a hour to fluid mode 🙂

    You can feel free to click

    My ideal would be something like 750-800px maximum width with fluid option enabled.

    Moderator Andrew Nevins


    Front-end developer

    If there is no other option in the dashboard for this, you ought to create new styles externally; as not to edit the theme’s files.

    External styles can be added through the dashboard by using a Custom CSS Manager plugin. Then, in that Custom CSS Manager section of the dashboard, try entering this;

    #doc3 {
     max-width: 750px;

    Is that what you want?

    Thank you very much. I tried with this Custom CSS manager and added these lines.

    Unfortunately it changes nothing. If I put from “Raindrops options” fluid mode. Then maximum width is not 750 px 🙁

    Theme Author nobita


    Hi Martss

    Please open functions.php

    and add below code first line.

     * fluid page  minimum width px
            $raindrops_fluid_minimum_width = '320';
     * fluid page  maximum width px
            $raindrops_fluid_maximum_width = '1280';

    and when you need cutom width page try below
    $raindrops_page_width = ”;
    set your pixel value.

    Thank you

    Theme Author nobita


    Add info

    Change of a $raindrops_fluid_maximum_width may affect a style.

    if page not centered.

    modify style.css.

    change below from 1280px to your $raindrops_fluid_maximum_width.

    @media screen and (min-width : 1280px){
    		margin:0 auto;

    Thank you.

    Hello nobita,

    Thank you very much, the problem is now resolved. It works really great!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to have fluid function with custom width?’ is closed to new replies.