Hello, and thanks in advance for your help. I love Kalium!
1. I am trying to change font sizes for mobile devices, however it will not let me type over previous sizes. I am using an iPad and there is no section for “responsiveness” as shown in your documentation?
2. My menu items are displaying centered on iPad and desktop, but not mobile. How do I change this?
3. I wanted to use a custom color for the button element (#c10000). Unlike some other elements like icons your list does not offer a “custom color” selection. Again this might be because I am developing on an iPad. I am assuming I would have to use CSS, BUT I do not have any developer tools on my iPad. Can you help? Please.
4. How do I remove/hide or change color of separator/divider between the two footer sections (Copyright)?
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
1. Under typography settings there are the icons from where you can switch on which device you want to change these sizes:
2. I have added some custom CSS and the menu is centered on mobile too now.
3. There are two types of buttons, and the one you are using does not have any custom color selection. Added some extra CSS to replace the red button with your brand colors, this is the CSS which has been added:
4. If you are not using the footer widgets you can disable that feature completely, to do that simply switch it off under Theme Options, for more see the screenshot below:
Thanks so much for the CSS, however for the Font Sizes, I am/was well aware of the icons for changing for each device. The problem is I can not type over the existing values to change them.
Disregard my last reply. I figured out why I could not enter new values for Font Sizes. iPad cursor has to be placed in front of values instead of behind values and backspacing which is the default. I do have a problem for some reason I am getting a gap between some of my images on my tours.
If you have set the row to "Full height row" then it will cause these kind of troubles, you should reconsider the full height row because in other devices it may look bad.
Thanks so much for all of your help. I changed the full height row and that removed the gap. I am having problems designing the Home Page where it looks good on all devices. Is there a way to create a separate section for each device, and hide or display each section accordingly?
Sure you can do that by editing any column and then once the popup appears there is a tab named Responsive where you can tick "Hide on this device" so you will have different rows for different devices:
Hello, and thanks in advance for your help. I love Kalium!
1. I am trying to change font sizes for mobile devices, however it will not let me type over previous sizes. I am using an iPad and there is no section for “responsiveness” as shown in your documentation?
2. My menu items are displaying centered on iPad and desktop, but not mobile. How do I change this?
3. I wanted to use a custom color for the button element (#c10000). Unlike some other elements like icons your list does not offer a “custom color” selection. Again this might be because I am developing on an iPad. I am assuming I would have to use CSS, BUT I do not have any developer tools on my iPad. Can you help? Please.
4. How do I remove/hide or change color of separator/divider between the two footer sections (Copyright)?
thanks!
Hi there,
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
Best regards,
Laborator Team
Hi there,
1. Under typography settings there are the icons from where you can switch on which device you want to change these sizes:
2. I have added some custom CSS and the menu is centered on mobile too now.
3. There are two types of buttons, and the one you are using does not have any custom color selection.
Added some extra CSS to replace the red button with your brand colors, this is the CSS which has been added:
.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat { background: #c10000; border-color: #c10000; } .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover { background: #c10000; border-color: #c10000; }4. If you are not using the footer widgets you can disable that feature completely, to do that simply switch it off under Theme Options, for more see the screenshot below:
Best regards,
Laborator Team
Hey Art,
Thanks so much for the CSS, however for the Font Sizes, I am/was well aware of the icons for changing for each device. The problem is I can not type over the existing values to change them.
Hey Art,
Disregard my last reply. I figured out why I could not enter new values for Font Sizes. iPad cursor has to be placed in front of values instead of behind values and backspacing which is the default. I do have a problem for some reason I am getting a gap between some of my images on my tours.
Hi Harry,
If you have set the row to "Full height row" then it will cause these kind of troubles, you should reconsider the full height row because in other devices it may look bad.
Best regards,
Laborator Team
Hey Art,
Thanks so much for all of your help. I changed the full height row and that removed the gap. I am having problems designing the Home Page where it looks good on all devices. Is there a way to create a separate section for each device, and hide or display each section accordingly?
Hi again,
Sure you can do that by editing any column and then once the popup appears there is a tab named Responsive where you can tick "Hide on this device" so you will have different rows for different devices:
Best regards,
Laborator Team