-
Posts
-
Hello,
I tried to use the CSS from this post: https://kriesi.at/support/topic/change-width-of-footer-column/ to try to alter my 2 column footer to more of a 33/66 format (rather than the default 50/50). I used the code.
#footer .flex_column:nth-child(1) {
width: 30%;
margin-left: 0;
}
#footer .flex_column:nth-child(2) {
width: 65%;
margin-left: 5%;
}I am not a CSS expert so maybe I screwed something up with that code, but it seemed to work exactly as I had hoped. The issue now is that after putting in the that code the entire website with seems to have shrunk and the titles switched to ALL CAPS.
I removed the code and the footer seems to have returned to 50/50, but the ALL CAPS and narrower page width still remain. I cleared my browser cache as well as purged the Pagely cache and CDN. Any idea what is happening?
-TJ
Basically, the width of the content + the sidebar seems to have narrowed, and the blog titles and the text overlaying the banner image have switched to ALL CAPS. I didn’t mess around with any of the other formats before putting in that quick CSS, so I am not sure why things would have changed.
I am looking to get this sent around to my team ASAP, but I would like to fix these two issues first.
Thank you.
Hi tmohin,
The width of the content needs to be set in the theme options.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css#footer .container { max-width: 90%; } #top #wrap_all #av_section_1 .entry-content-wrapper h1.av-special-heading-tag { text-transform: none; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
It seems putting that script in the quick CSS worked!
However, it does not seem like the % is having any impact. We want a decent margin on the left and right, but we didn’t want it to be soo narrow. Basically we would like the content+sidebar to be about 80% the width of the browser window so it doesn’t seem like the content is reaching end to end. I tried changing it to 50% just to see if it would change anything, but the content still stayed just as wide.
Currently i have in my quick CSS:
#footer .container {
max-width: 40%;
}
#top #wrap_all #av_section_1 .entry-content-wrapper h1.av-special-heading-tag {
text-transform: none;
}
.special_amp {
font-family: sans-serif;
font-size: inherit!important;
font-style: inherit;
font-weight: inherit!important;
color: inherit!important;
}Shouldn’t adjusting that width % have some impact on what is being rendered?
My apologies if my descriptions are confusing.
Hi,
This CSS which seems to be coming from Quick CSS is currently applying on your site:
#footer .container { max-width: 80%; }Is that correct or not? If not then please try re-saving under Enfold->General Styling to re-generate the CSS files.
Best regards,
RikardThat is what it says now. I think there may have been a little confusion about what I was asking for. I wanted to adjust the full page width, not just the footer. But changing the “dimensions” in enfold didn’t seem to have any effect.
-TJ
- You must be logged in to reply to this topic.