Layout Modifications
Hi.
First thanks a lot for that nice theme, never seen one how can install and setup so easy.
But a few questions are open for me. maybe that i to blind to finde this settings.
1. where can i change the letter-spacing for the theme? i want to use a other font and with this actuall settings it looks "special"
2. for a first try i imported the "profile-demo" for the revolution slider and it works, but if i change the background image (same size at the moment) on mobile devices the space between logo and slider gets bigger.
3. on mobile devices the logo is not in the same horizontal lane that the navigation, (on your demosite "profile" this is the same. is it possible to make the hamburger navigation bigger or change the paddings to have the exact same "height". maybe it looks than better an google doesn't say the elements are to near.
4. where can i see which font styles and weights used for the different sections and is it possible to change it.
5. if i change under fonts the menu font and choose only light and medium and than for content the same font it shows me the light and medium font and if i than choose bold, is this setting for all parameters with this font or can i say light weigth is only for content and bold only for heading.
that's for the first. if i find other questions i ask you again and i hope that i explain it good ebough.
regards tom
First thanks a lot for that nice theme, never seen one how can install and setup so easy.
But a few questions are open for me. maybe that i to blind to finde this settings.
1. where can i change the letter-spacing for the theme? i want to use a other font and with this actuall settings it looks "special"
2. for a first try i imported the "profile-demo" for the revolution slider and it works, but if i change the background image (same size at the moment) on mobile devices the space between logo and slider gets bigger.
3. on mobile devices the logo is not in the same horizontal lane that the navigation, (on your demosite "profile" this is the same. is it possible to make the hamburger navigation bigger or change the paddings to have the exact same "height". maybe it looks than better an google doesn't say the elements are to near.
4. where can i see which font styles and weights used for the different sections and is it possible to change it.
5. if i change under fonts the menu font and choose only light and medium and than for content the same font it shows me the light and medium font and if i than choose bold, is this setting for all parameters with this font or can i say light weigth is only for content and bold only for heading.
that's for the first. if i find other questions i ask you again and i hope that i explain it good ebough.
regards tom
Comments
1. We do not have any option to set letter spacing. This can be done with custom css only.
2. Any links to page where this happens?
3. We also need a link to site where you want do this.
1. i only ask but in the different layouts you use different letter spacings for the headlines. so it means if i use in my case the profile layout i must change the letter spaceing via extra css and can't change it in the theme settings.
2. number one after change the background image
number two
after a new install the grey field are away but the bigger space between logo and slider existing. and i find out that only a simple change in the slider makes this bigger space. (i imported the demoslider and change one word and save the setting, so the original demo slider have the same "problem").
i find out that it maybe a problem with the mobile device logo. if i check the sourcecode i see that in this field is the mobile device logo but it's hide. you can find it in the css part with top_bar classic. their are double entries, maybe they override themselve.
3. you can see it on your own demopage http://themes.muffingroup.com/be/profile/ (at the moment only try it at a iphone 5 and 6s and i mean the be-profil logo next to the hamburger navigation.
4. and 5. maybe i edit the post after your comment.
6. where can i change the color of the navigation for mobile devices? i can change the color for desktop layout but that have no effect to mobile navigation.
7. is their a option to overwrite the text of the navigation, or must i use for this the custom.css? i want to write the links of the navi in the normal way and than display it uppercase.
thanks a lot for your support tom
2. This is right top bar. You probably did not turned it off under Theme options > Header & Subheader > Extras section.
3. Ok, we see what you mean. You can control it's position with the following css:
#Header a.responsive-menu-toggle { top: 15px !important; }6. Responsive icon color can be changed with:#Header a.responsive-menu-toggle { color: #000 !important; }7. We are not sure about this last one. Can you be more specific?2. solved, thanks
3. okay. maybe this is the same with the logo for mobile devices, right? how can i controll that the mobile device logo have the same distance to the left than the responsive menu at the right? theme options?
4. where can i see which font styles and weights used for the different sections and is it possible to change it.
5.
if i change under fonts the menu font and choose only light and medium
and than for content the same font it shows me the light and medium font
and if i than choose bold, is this setting for all parameters with this
font or can i say light weigth is only for content and bold only for
heading.
6. okay. is their a setting in the theme options to solve it global?
7. if you add a new post/page/etc. to the menu you write it for example "New Menupoint". on the desktop it shows in the same way. you write in your "profile theme demo" all menu text uppercase but doesn't use the uppercase as css attribute, you write it directlly uppercase. in this way google shows (if your site later indexed) all this links in uppercase. so i hope it's possible to have a setting in the theme options to write the menu in the right form and show it uppercase. or is this only possible with custom css? (i hope i explain it now better
regards tom
3. This is not possible unfortunately.
4. You can check them with Firebug tool for example.
5. Font types like bold or think, can be set with custom css. If you set font family for menu items, and will send you us link to page where you did it, we will be able to tell you how to change it's thickness.
6. No, we do not have such option. This can be done with custom css only.
7. Like you wrote, we use the letters that we want to display. We do not use any css`s for uppercase and similar.
3. i solve it with different margin, the seperate mobile device logo and other text-agline
4. i know this tool, but i ask if i can control it in a easier way (to order the font types (medium, bold, etc.) directlly in the theme options to the different parts like h1, headline, content, etc.. understand i right that i can only choose the font styles global (at the theme settings) and if i choose two different fonts the theme check which font is avilable in this style and order it to the different text sections. and after this i must check the text parts via firebug if i want to change for example the content text from medium to light and change this via custom.css?
5. same than point 4.
6. okay.
7. okay. than i add, some css code for uppercase.
thanks for your fast answer and at the end maybe point 4. -7. an option for a further update
regards tom
h2 { font-weight: 700; letter-spacing: 7px; }
4. No, there is no other, easier way. We do not have any impact on this section and we have no influence on the options contained therein unfortunately. This can be done only the way you described above. You explained it really great. However, there is one difference. You don't need to write custom css in custom.css file. We suggest to use Theme options > Custom CSS & JS > Custom CSS section instead.h3 { font-weight: 700; letter-spacing: 5px; }
h4 { font-weight: 700; letter-spacing: 6px; }
p { line-height: 182% !important; }
4. okay.
new question
8. is it possible to use only a big picture instead the revolution silider (at the same place in the same size only that this is only a single picture for example like this demopage.
http://themes.muffingroup.com/be/profile/portfolio-item/quisque-lorem-tortor/
9. which is the better choice (more felxible) to setup the pages the visual composer or the muffin builder? can i setup all kind of pages with each of the builders (seperate pages, portfolio, etc.) ? if the muffin builder is the better choice can i uninstall the virtual composer complete?
regards tom
9. We suggest to use Muffin Builder tool as it's much faster, easier it use and lighter. Also, all features are fully compatible with our builder. Of course, you can uninstall this plugin to free your memory on server.
9. okay
10. how can i change a button in this way taht it shows a phonenummer and when you klick on it (on a smartphone) the number will be call? with the stadrad buttons it opens only the same site.
11. how must i change the ccs of the send button from the contact form that it looks like the same than all other theme buttons (or like one of the fancy Bbuttons)? on desktop it shows corrected but on mobile devices you have the non formated button (in my case i test it on a iphone). on your demopage the button under the email contact form looks also incorrected
http://themes.muffingroup.com/be/profile
12. is it possible to setup the social icons in the portfolio pages (the square one) to use it for sharing?
http://themes.muffingroup.com/be/profile/portfolio-item/quisque-lorem-tortor/
the share option you can actived on the top of the page doesn't look so nice and isn't nearly in the same style than the rest of your very nice theme (is this a plugin addon, the top one?)
13. can i hide the second date on the portfolio page? because you have so double entries in the layout (behind author and over the content of the profil. i mean one is enough
http://themes.muffingroup.com/be/profile/portfolio-item/quisque-lorem-tortor/
14. you have two options to navigate throw the portfolio. once the black arrows and than the seconds once with the thumbnail preview image. is it possible to hide one of them? all settings i try hide the complete navigationbuttons (the black ones and the once with the thumbnail)
11. Please do the screenshot of how the button looks like.
12. No, this is not possible.
13. Yes, you can do it with:
.single-portfolio .project-description { display: none !important; }14. With css only. Which one you want to hide?11. i solve it with "-webkit-appearance: none;" Here you can see what i mean (send a Message Button under Contact Form) http://up.picr.de/24367671lk.jpg
12. Hmm, have you experiance with Plugins that work with your theme to make Sharing possible (i doesn't mean this Sharing Section noch the top)
13. thanks and okay.
14. okay i can use the String from question 13 and what to Hide the Author under the Headline (Show the Date an this Place without author is okay.
15. i See you make a new update. Have some of the added Features and fixes effect in my ask questions (so must i replace some of my modifications?)
16. i see that your theme Support Yoast SEO. If i use it must i change or deactived Settings in the Theme options?
Regards Tom
18. i read your documantation about the static css but i think i doesn't undertand it right i can't open my files in a browser (window leaves empty) and if i open it with a text editior their are very much php strings in the file. or must i open this files via the theme settings editor?
thanks for support tom
12. No, we do not have any experience.
15. If you do not modify any theme files, you don't need to worry about update. More details about theme update you can find on http://forum.muffingroup.com/betheme/discussion/13/how-update-to-the-new-version-of-be-theme
16. If you want to use Yoast, you must turn off built-in SEO fields.
17. We are sorry but we do not have such option included.
18. You read the wrong one. Check the text and image which is below UPDATE!!! words http://themes.muffingroup.com/betheme/documentation/#static-css
12. if this interesting for you „Simple Share Buttons Adder“ and „AddToAny Share Buttons“ are very light and works fine via shortcode.
14. i solve it but at the moment i can only hide the complete Part (with Author and Date). but i want only show the date. is their a way to display this (without the word at)
15. okay. do you write in your update logfiles which files you change so the use doesn't must upload the complete tehemfolder?
16. okay.
17 i try it for myself but if i add the string "precomposed" to the apple-touch-icon meta tag in the header i hide complete. so i hope you have an idea to modify the file to use it in this way (maybe interesting for a further update, if some users want to bookmark pages from your customers)
18. okay, and thanks
19. the last question but at the moment the theme workjs fine
i see that in the sourcecode of the theme some urls shows directlly the path to the wp-admin login this isn't really save. is it possible to hide this?
your you can see what i mean, fund at the script id "mfn-dmc-config-js:
window.mfn_ajax="http://themes.muffingroup.com/be/profile/wp-admin/admin-ajax.php";window.mfn_mobile_init=1240;window.mfn_nicescroll=40;window.mfn_parallax="enllax";window.mfn_prettyphoto={style:"pp_default",width:0,height:0};window.mfn_sliders={blog:0,clients:0,offer:0,portfolio:0,shop:0,slider:0,testimonials:0};window.mfn_retina_disable=0;
so that it was for the moment, thanks for your patience in case of my questions.
regards tom
14. No, this is not possible to remove this word. This requires files customization.
15. We do not do such things because all files must be always updated. We can not guarantee that updating few files, would be fine and theme would still work.
19. Yes, this is safe and those links can not be removed.
15. okay. normally i take a look what files where changed and upload them, also in the case i optimice some files via google and doesn#t to this allways for all files if i overwrite the optimiced files
18. i read the changes in the documantation but in my installed theme their is not such a huge css part in the theme and i want to reduce the 22 css request from the template
19. okay. but i think external people see the exact login place from the admin.
20. i see your page with the complete shortcodes but allways the codes shown on your demopage "in action" is their a list where i can copy/paste the shortcodes directtly? for example shortcodes for the fancy divider. in this case is their a option to control the layout from different devices? for example: on desktop with fullscreen /full width the divider is very high on mobile devices. can i set up this in the muffin builder items? so this element is proportional?
http://themes.muffingroup.com/betheme/shortcodes/fancy-divider/
otherwise i want to use the small triange down (can this small one placed for example left, centered or right?)
21. is it possible to use the icons of your theme:
http://themes.muffingroup.com/betheme/shortcodes/typography#icons
in the revolution slider?
regards tom
20. All raw/plain shortcodes can be found in the documentation or under []+ button which is included into WP default editor for example.
today some additional questions about the layout setup.
1. i want to use the zoom box for pictures in this way that the image text displayed allways and if you go hover the image zoom and the background color with the transparents go over the image. i have add a screenshot to see how it want it
http://www.bilder-upload.eu/show.php?file=66453a-1470153926.jpg
does their a setting exists to make this possible?
2. if i use the image box i can choose between caption or not. is their a setting that i can set the caption to the middle and show it only if you hover the image. so the effect hover = image zoom and center text is shown on a transparent background color (so i can use the theme standard color for this effect)?
tahnks for tipps and support
regards tom
regards tom
Thanks for infos tom