-
Posts
-
Hello. I have three questions:
Homepage: http://www.mainzahn.com/wordpress1. On the start page, I have a full-width slideshow element with captions. How can I make them responsive? On mobile view, some of the text is missing.
2. My client wants an area above the footer with a button, that is shown (like the footer) on every page. Do you have any hints how I could do this? It should look something like this: http://imgur.com/aivRZA9
3. The “Leistungen” page is a parent-element of some other pages, this causes that in the sidebar are automatically all sub-pages listed. How can I add a title to the sidebar menu? I tried to use a custom menu for the sidebar, but this doesn’t remove the automatically generated menu, so two menus are shown then at the sidebar.
Hi x06designs!
1. Are you wanting to reduce the padding of the transparent black backgrounds of the caption title?
2. You could try editing the page.php template and the template-builder.php template (for when using the layout builder) but it’s a bit difficult using fullwidth elements that way. It would be best to just drag a grid row element to each page and add the button inside the grid element.
3. Add this to your child theme functions.php file.
add_filter( 'avf_sidebar_menu_filter', 'enfold_customization_sidebar_filter', 3, 10 ); function enfold_customization_sidebar_filter( $sidebar_menu ) { $sidebar_menu = '<h3>Here is your title</h3>' . $sidebar_menu; return $sidebar_menu; }Best regards,
ElliottThanks, everything worked fine!
The problem with the slider element is, that the text gets cut off if I open the page on a mobile device. Is it possible to make the line width depending on the screen resolution the page is been viewed on? Like: computer screen: text width of the slider element = 60% of screen width, everything smaller than a computer screen: text width = 100% of screen width. If this is not so easy, is it possible to only show the headlines not the descriptions in mobile view? Or if nothing can be done how can I set the slideshow element to disappear on mobile view?
I just need a solution, that the text boxes on the slideshow doesn’t look like this:
Hey!
It’s possible to hide the caption description and decrease the font size of the caption heading on mobile view. Please use this:
@media only screen and (max-width: 768px) { .avia-caption-content { display: none !important; } .responsive #top .slideshow_caption h2 { font-size: 15px !important; } }Hard refresh or remove browser cache before testing the page.
Best regards,
IsmaelThis worked pretty well. Thanks!
The sidebar on my subpages disappeared (for example at http://mainzahn.com/wordpress/leistungen/abdruckfreie-praxis/), but all settings are set to show it. Could you please have a look at this issue? I think it’s related to the “Online Termin vereinbaren” full-width button underneath, because on pages without the button (like http://mainzahn.com/wordpress/leistungen/mobiler-zahnarzt/) the sidebar menu is shown normally. My client insists to have this button there. How can I show the button as well as the sidebar?
Hey!
You are using an old version of the theme, so please upgrade to Enfold 3.4.7 and let us know if you still need help afterwards.
Also upgrade your WordPress version.Cheers!
AndyHi!
you are using a fullwidth button here: http://mainzahn.com/wordpress/leistungen/abdruckfreie-praxis/
That is why it is shown fullwidth (which means without any sidebar). Use a normal button element to implement it inside your sidebar.Cheers!
AndyI know, my client insists to have it in full width there. I would like to have the button as a footer element, but Elliott (some posts above) said, that he could help me to implement the button to the page.php and the template-builder.php, but first I should try to use it normally as a full width button.
My question:
2. My client wants an area above the footer with a button, that is shown (like the footer) on every page. Do you have any hints how I could do this? It should look something like this: http://imgur.com/aivRZA9
Elliott’s answer:
2. You could try editing the page.php template and the template-builder.php template (for when using the layout builder) but it’s a bit difficult using fullwidth elements that way. It would be best to just drag a grid row element to each page and add the button inside the grid element.
Is there no way to have a responsive whitespace to push the button as low as it needs to show the sidebar again? Or to put the button above the four grids of the footer as a footer-element?
Hey!
why not use a normal button element and expand it’s width as you need it using css code?
Can you provide us a page showing this normal button element (not the fullwidth one) and then we try to provide you some precise css code for it.Regards,
AndyI’ve put a normal button in X-Large at this page: http://mainzahn.com/wordpress/leistungen/abdruckfreie-praxis/
but the button can’t stay there. It should be at the end of the sidebar in full width (like with the full-width button, but with the sidebar shown). Can you do some css coding to show this normal button in full width under the sidebar like it would belong to the footer area or is this the same problem like we have with the full width button?
Is it too difficult to expand the footer with a red field above that has a centered hyperlink? It isn’t necessary that the field is easy to change or has as many options as a button. My client just wants a red line above the footer with a linked note to the appointment contact form.
Hi!
try this code in Quick CSS field:
.avia-button.avia-size-x-large { width: 706px; max-width: 706px; left: -50px; }and adjust as needed.
Regards,
AndyOk thanks for your help. This wasn’t what I am searching for, but I need to find a compromise with my client, that I can work with the given buttons.
Last question: how can I change the line-height of a table? I’ve used a table at the 2nd row of the footer. I edited the css so there are no lines and no filling, but I couldn’t figure out how to reduce the space between each line.
Hey!
please use screenshots to make things easy and clear for us. Try this code:
.textwidget td { padding-right: 0px; }I think it won’t get any closer. Why are you using a table in this widget? you can use normal text and use a </br> for line breaks.
Best regards,
AndyI mean this space between each line (I’ve marked it in red):
Padding-right won’t reduce the line height. I use a table in this widget area because the days and times are looking better organized.
- You must be logged in to reply to this topic.