• Resolved Martss

    (@martss)


    Hello!

    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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sounds like you want the max-width CSS property
    http://www.w3schools.com/cssref/pr_dim_max-width.asp

    Thread Starter Martss

    (@martss)

    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
    3)fluid
    4)974px.

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter Martss

    (@martss)

    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 http://www.saksavalgus.ee

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter Martss

    (@martss)

    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

    (@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

    (@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){
    	#doc3{
    		margin:0 auto;
    	}
    }

    Thank you.

    Thread Starter Martss

    (@martss)

    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.