maximum content width - Support | Kriesi.at

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
January 28, 2016 at 10:28 am #573591

santocildes
Participant

Servus!

I’m using your awesome theme in my site: http://myfishingmaps.com

After a hosting migration everything is working perfect but the maximum content width function (general structure – dimensions).

I’ve tried to add the next custom css code, but it’s not working neither:

.responsive .container {max-width: 95% !important;}

If you check the developer console in chrome, you will see that container max-width is 1010px

Do you have any suggestion to solve this issue?

Vielen Dank!

January 28, 2016 at 8:22 pm #574046

Yigit
Keymaster

Hi Gonzalo!

Can you please create a temporary admin login and posting it here privately?

Cheers!
Yigit

January 28, 2016 at 10:37 pm #574149

santocildes
Participant

Thanks Yigit!

here you are:

January 29, 2016 at 1:41 am #574224

Yigit
Keymaster

Hi!

Can you please try de-activating all active plugins and check if that helps?

Best regards,
Yigit

January 29, 2016 at 10:45 am #574412

santocildes
Participant

Hi Yigit

I tried but I’m afraid it didn’t work. Max-width configuration was working with the same active plugins in the old hosting, it stoped working when I migrate it. Could it be a matter of versions?

Thanks a lot in advance

January 29, 2016 at 8:41 pm #574796
santocildes
Participant
Hi Yigit!
- This reply was modified 8 years, 10 months ago by santocildes.
February 1, 2016 at 6:27 am #575565
Rikard
Keymaster
Hi,

Could you try a pixel value to see if that works better? For instance:
```
.responsive .container {
max-width: 1300px !important;
}
```
Thanks,
Rikard
February 1, 2016 at 1:14 pm #575714

santocildes
Participant

Thanks Rikard!

I had already tried this option but It’s not working neither.

February 2, 2016 at 6:39 am #576254

Rikard
Keymaster

Hi,

I wanted to log in and check but the details you posted earlier are not working, could you verify that they are working please?

Regards,
Rikard

February 2, 2016 at 1:27 pm #576403

santocildes
Participant

Now it should work,

please try again

February 4, 2016 at 6:25 am #577590

Ismael
Moderator

Hey!

There’s a space after width value and before the “px” (1300 px). We remove the space. It should be working now. Please remove browser cache or hard refresh the page.

Best regards,
Ismael

February 4, 2016 at 10:01 am #577658

santocildes
Participant

Thanks Ismael but it is still not working. I’ve also tried with 1500px or 1800px but the site looks the same

February 5, 2016 at 1:58 pm #578488
Vinay
Inactive Moderator
Hi!

There seem to be some caching issue i think. are you using any CDN to deliver your site?

anyways please check grid.css link in description open that link
Open a search finder or press press Ctrl + F and look for 1010px
You will notice the below code edit it and upload via FTP and let us know if it worked. (These changes will be lost when theme get’s updated but we can zero in on the issue).
```
.boxed#top, .html_boxed.html_header_sticky #header{ width: 1010px; }
.container{ max-width: 1010px; }
```
Cheers!
Vinay Kashyap
February 17, 2016 at 2:31 am #584424

santocildes
Participant

Hi Vinnie!

It worked, I used 1500px. Than you!!

Now the problem are full width colour sections, they are not working althought I have this quick css:

#id. container { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }

Any idea on this issue?

Thanks a lot!

February 18, 2016 at 6:10 am #585165
Ismael
Moderator
Hey!

There’s a dot in the #id.. What that intended? Try this:
```
#id .container, #id .template-page { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
```
Regards,
Ismael
February 18, 2016 at 11:45 am #585311

santocildes
Participant

Thanks Ismael!

it was my mistake copying it here but it was ok in my website. I’ve also tried with the code you suggested but it still doesn’t work.

It looks like width options (at least) are not working at the theme options pannel. To fix max width I changed grid.css file directly in the server. Is there any file I can modify to fix #id .container max width?

Thanks a lot in advance

February 21, 2016 at 8:26 am #586608
Ismael
Moderator
Hey!

This should work:
```
#mapa .container, #mapa .template-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
}
```
Regards,
Ismael
November 10, 2016 at 10:59 am #710629
Guenni007
Participant
hm i got this issue the first time of many installs now to.
I defintly found the grid.css line but in former times this container rule is overwritten by enfold options dialog ! entry.
I got now one installation where the grid.css rule seem to work like an important rule ??? what could it be.

i can see the entries in my enfold-child.css at the bottom of it :
```
    .container {
        width: 100%;
    }
    .container .av-content-small.units {
        width: 70%;
    }
    .responsive .boxed#top,
    .responsive.html_boxed.html_header_sticky #header,
    .responsive.html_boxed.html_header_transparency #header {
        width: 1510px;
        max-width: 90%;
    }
    .responsive .container {
        max-width: 1510px;
    }
    #top #wrap_all .all_colors h1,
    #top #wrap_all .all_colors h2,
    #top #wrap_all .all_colors h3,
    #top #wrap_all .all_colors h4,
    #top #wrap_all .all_colors h5,
    #top #wrap_all .all_colors h6 {
        color: #425719;
        font-weight: normal;
    }
```
but it has no influence on it.

Edit: :lol a noob error. i didn’t close a media querrie rule at the end ! :yoo the missing second closing brace
- This reply was modified 8 years ago by Guenni007.
November 10, 2016 at 2:56 pm #710726

Yigit
Keymaster

Hi,

@Guenni007 glad you figured it out! :)

Best regards,
Yigit
Author

Posts

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘maximum content width’ is closed to new replies.