Tagged: boxed layout, header
-
AuthorPosts
-
February 18, 2015 at 2:03 pm #398106
Hi Enfold,
I’m a new user of Enfold and I am trying to get the hang of it.1. My main content is set to boxed layout 80%. I would like the width of the header to also be 80% of the page. Right now the div container is smaller than the main content. Can I do that backend in wordpress or do I have to modify the css-files? Also, when I modify the css, do I do all the changes in the custom.css file and leave the other files unmodified?
2. I want the font in the main menu to be the same as the headline font. Can I change that backend in wordpress or do I do it with css? What is the smartest way of going about?
3. I have Enfold set to Swedish, and tried the CodeStyling Localization plugin to fix words that weren’t translated. That messed up the languages completely and now the enfold part in the wordpress backend is partly in German. Even though I do speak a bit German, it is confusing. How do I get the language to work properly?
I have my site locally so unfortunately I can’t send any links to my page.
Thanks beforehand
Cecilia- This topic was modified 9 years, 10 months ago by Yigit. Reason: changed the F word :)
February 18, 2015 at 6:06 pm #398334Hi Cecilia
Thank you for choosing Enfold and welcome to out forums :)
1- Please go to Enfold theme options > General Layout > Dimensions and adjust the dimensions as needed
2- Please go to Enfold theme options > Advanced Styling and edit “Main menu links”
3- I am guessing you are using the latest version of Enfold which is currently 3.0.8. If you are not, please firstly update Enfold – http://kriesi.at/documentation/enfold/updating-your-theme-files/
While using Codestyling Localization plugin, have you, rescanned theme files, edited them and then regenerated mo file?Best regards,
YigitFebruary 19, 2015 at 2:18 pm #398905Hey,
Thanks for the reply. I wasn’t running the latest version of Enfold, updating sorted out problem 2 and 3. But I still have the issue that the header isn’t as wide as the main content. Is it possible to attach screen shots to explain? I’ll try in words for now. When I look at the rough preview, the header area and the main content area are the same size, but in reality they are not. The main content area is 1007 px on my screen, and the header is 805 with a margin-left and margin-right of ~ 100.7 px. How do I get rid of the margins of the container-class?Thanks
/CeciliaFebruary 19, 2015 at 2:41 pm #398922Hey!
You can upload screenshots to for instance imgur.com or a public dropbox folder and then link to them here. Could you also provide us with a link to the site in question please?
Cheers!
RikardFebruary 19, 2015 at 3:07 pm #398939https://www.dropbox.com/sh/sdzn5p0qnxn65cb/AABTa6yOz7Penv-hbNB7fzqoa?dl=0
dropboxfolder with a screen shot. Does that make it clearer what I am trying to achieve? My site is local, so I can’t send a link./ Cecilia
February 19, 2015 at 4:15 pm #398987Hey!
Please try adding folllowing code to Quick CSS in Enfold theme options under General Styling tab
#header_main .container { margin: 0!important; padding: 0!important; }
Hope that helps
Regards,
YigitFebruary 19, 2015 at 4:41 pm #399003The logo is now at the right position, but there is a class called inner-container with a width of 805 px, i.e. smaller than the container class. I’ve added a new screenshot to the folder: https://www.dropbox.com/sh/sdzn5p0qnxn65cb/AABTa6yOz7Penv-hbNB7fzqoa?dl=0
I’m guessing that when I set the boxed layout to 80% of the site, that rule is applied both to the container class and the inner-container class.
(inner container= 805px/1007px=80%)
(container=1007px/1259px80%)How do I solve this problem?
February 19, 2015 at 4:57 pm #399025Hey!
Please try following code as well
#header_main .inner-container { max-width: 100% !important; width: 100%!important; }
Best regards,
YigitFebruary 23, 2015 at 3:28 pm #400687Didn’t do the trick unfortunately. Everything looks the same as the latest screen shot.
/ Cecilia
February 23, 2015 at 4:49 pm #400764This reply has been marked as private.February 23, 2015 at 4:53 pm #400772Hey!
Please add following code to Quick CSS
#header_main>.container { max-width: 100%; }
Best regards,
YigitFebruary 23, 2015 at 5:17 pm #400795Cheers mate, that solved it!
/ CeciliaFebruary 23, 2015 at 5:19 pm #400800Hi!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
Yigit -
AuthorPosts
- The topic ‘Header size+misc’ is closed to new replies.