Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 22, 2016 at 8:34 am #601743
    Overhaulics

    I am building a site that in many sections is divided into 1/5th, 3/5th, 1/5th. The content in the 3/5th section I want to scale and resize based on the sizeof the browser window. Howeve the columns on the side I was advertising in and to remain a consisten number of px wide. Is there a way to prevent a column from going below a specific width or to set it to a width permanently?

    March 22, 2016 at 12:47 pm #601833
    begrafiks

    Hi @kgflash1;
    I think you can achieve it by ;
    – turning on custom CSS field for ALB elements and with
    – Media queries

    March 22, 2016 at 4:56 pm #601975
    Yigit

    Hey!


    @begrafiks     is totally right. If you elaborate on the changes you would like to make and post the link to your website we can help you better. After turning on custom CSS field for ALB elements, you can simply edit your column and give it a custom CSS class


    @begrafiks     merci beaucoup! :)

    Best regards,
    Yigit

    April 11, 2016 at 2:01 am #610888
    Overhaulics

    Ok, so I enabled the custom CSS classes and ALB and set the class name to “advertising-column”.

    Now I want the layout of the page to perform in this manner:

    Total page width is 1200px, I have 3 columns currently setup on the homepage. 1/4, 1/2, 1/4.

    But I want: static 300px, 600px (remaining), static 300px.

    If the page shrinks below 1200px, the middle column shrinks while the two outside columns stay the same. When the middle column reaches 200px it can transition to mobile view.

    I cant seem to get the CSS to work well.

    April 12, 2016 at 7:53 am #611723
    Ismael

    Hi!

    Specify the width of the 1/4 columns:

    #custom-section .flex_column.av_one_fourth {
    min-width: 300px !important;
    width: 300px !important;
}

    Replace “custom-section” with the actual Section ID of the grid or color section. You may need to use css media queries.

    Best regards,
    Ismael

    April 14, 2016 at 5:44 am #613465
    Overhaulics

    This doesn’t appear to be doing anything at all… I am unsure how to use media queries.

    April 16, 2016 at 12:02 am #615211
    Overhaulics

    Can someone login and set this one example up for 1/4 column and I could then figure out the rest? Thanks!

    April 18, 2016 at 3:02 am #615966
    Overhaulics

    bump, anyone? please.

    April 18, 2016 at 4:39 am #615986
    Vinay

    Hi!

    Sorry for the delay.

    We are working on your ticket please wait while we update the results here soon.

    Cheers!
    Vinay

    April 18, 2016 at 4:40 am #615987
    Overhaulics

    Thank you!

    April 18, 2016 at 4:54 am #615991
    Vinay

    Hey!

    Please check the link in private for example wee have setup. We have added the blow css in Quick CSS.

    /*fixed width */
.fixed-width {
  width: 500px !important;
  max-width: 500px !important;
  min-width: 500px !important;
background:gold;
}

@media only screen and (max-width: 767px) {
.fixed-width {
  width: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
}}

    Regards,
    Vinay

    April 18, 2016 at 5:24 am #616017
    Overhaulics

    Thank you! This I can work with!

    April 18, 2016 at 6:10 am #616046
    Vinay

    Hey!

    Glad we could help! We have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Regards,
    Vinay

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Set Column Width in px and not %’ is closed to new replies.