• Resolved Parwaiz Khan

    (@parwaiz-khan)


    Customizr is a great theme with a lot of flexibilities. But, I am encountering a limitation that I have been unable to surmount so far.

    I cannot increase/maximize the width of the “body” beyond the set value of 1170 px. Also, there is a lot of “padding” on left and right sides that I cannot get rid of.

    Any idea how to increase the width and remove the padding to the sides?

    I am using full width (no sidebars) (.row-fluid .span12) set up. here is the link to the site:
    https://newsscouter.com/

    Any help is greatly appreciated.
    Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try this post

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    rdellconsulting,

    Thank you for guiding me to the ‘post’. But, it didn’t help. The issue is that Customizr is designed for a max width of 1170px (for desktops). When I applied the css as suggested by d4z_c0nf:

    .container { width: 100% !important;}
    #main-wrapper{ padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    It simply shifted the container/main-wrapper to the left – no increase in width, and no elimination of left-right padding.

    Is there a way to increase the width to, say, 1440px?
    And, is it possible to eliminate the left-right padding (that is, probably, 20px on both sides)?

    Thank you.

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    rdellconsulting,

    Please disregard my previous reply. The solution that d4z_c0nf proposed worked.

    I had not applied the filter in the functions.php, and was only trying the css. Once put in conjunction with the php, it did the job.

    Thank you very much for you kind help.

    [Marking it resolved.]

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    rdellconsulting,

    If I may seek your help on one more thing related to the same query:

    The “credits” section under the main footer is aligned to the right (I am using using ‘full width’) – not full width.

    Is there a way to also expand that section like the rest of the site? (And, or align it to the center?)

    The site is: https://newsscouter.com/

    Thank you.

    PS: Just changed the status back to “unresolved” to keep it ‘visible’.

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    PS: Just changed the status back to “unresolved” to keep it ‘visible’.

    That’s fine but please refrain from creating duplicate topics for the same thing. Next time the new one will be closed or deleted. ??

    Try this:

    .span12.credits {
        margin-left: 0%;
    }

    Did you intend ‘back to top’ to be bottom left?

    When using Bootstrap spans, you need to plan around 12×1 grid. You seem to have:

    span1
    span12
    span1

    which would be better as:

    span10 offset1
    span1

    which adds up to 12.

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    rdellconsulting,

    It did the job. I cannot thank you enough for all your help here. You and d4z_c0nf are a blessing to the Customizr support forum.

    Now, that I am on it, there is one more thing that I would like to fix, styling the links (ONLY and SEPARATELY) in the content area. But, I will open a new topic for that.

    Thank you very much.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Width of " .row-fluid {width: 100%; }"’ is closed to new replies.