-
Search Results
-
Hello
I have used grid row cells to display a background image and a button. Fine on desktop/laptop. Images do not look good on mobile so I would like to use a plain colour backgrounds of #febecc and #bfbfbf for each cell on mobile display not the images.
Please see link to the home page below. It is under the section ‘download our complimentary ebooks
In reply to: Header, Logo Left, Menu center on one line
Yeah, but that was during debugging, meaning the padding was set to 0.
Again, I need padding 0px on welcome page and padding 80px ALL other pages.
Right now I use this in this order:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 80px !important;
}.html_header_top.html_header_sticky .page-id-43 {
padding-top: 0px !important;
}Result: The Welcome page also has padding 80px.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.page-id-555.woocommerce-order-pay input[type="submit"] { padding: 14px 20px; margin-top: 4px; border-radius: 2px; }Best regards,
YigitIn reply to: Customize accordion slider
Hello, Ismael,
I got it you can ignore my last letter but now I would like to do the same thing with my homepage accordion slider.
I would like to display different font sizes in Desktop and Mobile is it possible and could you give me the code, where I could adjust the size for Desktop and Mobile?
Regards,
In reply to: Portfolio Ordering
Hi,
1.) Use this code:
#top .avia-post-nav { top: 94%; }2.) What do you mean? what exactly do you want to achieve? can you provide us an example please? about which post publish date are you talking about? I guess screenshots could help.
Best regards,
AndyIn reply to: Added google fonts not showing
Hey!
Please see – https://kriesi.at/support/topic/added-google-fonts-not-showing/#post-691623
Best regards,
YigitIn reply to: Large Gap at top of mobile site
Aah! I think I may have fixed it! Writing the post made me remember a code that @joesue gave me for another site to do with mobiles. This seemed to have solved the issue. Could you guys tell me if it’s “safe”?!
@media only screen and (min-width: 768px) {.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 224px !important; }}Hi there,
I am currently building a homepage and have run into a problem.
I have made the phone number at the top of the page larger and with a blue background using this quick css.
.phone-info span{ color: #ffffff; font-size: 16px; font-family: raleway; padding: 8px; font-weight: 600; } .header_color .container_wrap_meta { background-color: #173763; }This then made the slider overlap on a page which had the page title and breadcrumb bar, so I used this code to move it down a bit:
/*************************** **************************** Removes overlap on header and menu area **************************** ***************************/ .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 224px !important; }I think that this is creating the large white space at the top when the page is scaled down to mobile size.
Is there anything I can do to stop this happening? I don’t know CSS, I just use and repurpose the quick css you guys give us on here!
Thanks in advance
In reply to: Problems with my logo
Hi,
I added following code to the top of Quick CSS
.html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .logo img { margin: auto; } .logo { width: 100%; }Please review your website now
Best regards,
YigitGreat Work Guys,
Please i need a function code to move the cart icon from right to the left of the menu. I have searched the forum but haven’t seen anything to help.
I saw some css code to re-position the item but when resizing the browser it looses its place, so i was thinking there is a code that can make it start before the menu (like this: https://kriesi.at/support/topic/move-shopping-cart-to-main-nav-menu/#post-368028 but no longer works) or at least could i add a first menu icon link (using normal menus) and let it behave like the cart icon (by showing item number and also the cart dropdown on mouse over.) I dont want to have to download a plugin for this. Enfold is well built and very extensive I’m sure i can achieve it without a plugin.
Looking forward to your response.
In reply to: Fixed "Curtain" Footer
Lass uns mal gerade deutsch hier miteinander reden.
In dem Beispiel oben (nicht Enfold) ist es aber wohl schon so wie jetzt bei mir im Beispiel.
Wie gesagt die Sache wird einfacher, wenn man die footer.php dahingehend bearbeitet, dass die interessierenden Container ( in deinem Fall nun beide) nicht mehr in Main liegen. Die bearbeitete footer.php landet dann halt in child-theme folder.
Das ist der momentane Code (wobei ich wirklich kein Profi bin, was die php und jquery Sachen betrifft – ich denke da ließe sich einiges abändern):
add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script type="text/javascript"> (function($) { $(document).ready(function(){ $(document).scroll(function(){ var socketh = $('#socket').outerHeight(), footerh = $('#footer').outerHeight(), spacerh = $('#socket').outerHeight() + $('#footer').outerHeight(); if( $(window).scrollTop() >= $(document).height() - $(window).height() - socketh ) { $('#socket').css('position', 'fixed' ); $('#main').css('padding-bottom', socketh ); } else { $('#socket').css('position', 'relative' ); $('#main').css('padding-bottom', 0 ); } }); }); })(jQuery); </script> <?php }weiß nicht ob ich die document ready funktion wirklich brauche. Die scroll funktion gibt mir zurück, ob ich den Bottom erreicht habe.
Wenn das so ist wechsel ich ein paar css Anweisungen.Ich glaube ich muss mich jetzt endlich mal in jquery einarbeiten – scheint ja viele möglich zu sein.
Ich versuche mal die Seite oben umzustricken.PS : die outerHeight nahm ich damit ich margins und borders gleich mitberücksichtige.
In reply to: Main Menu is cut on last right element
Hey maximilianolombardi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a { padding-right: 13px; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
YigitIn reply to: Logo too small
First thing: appearantly it should be changed on the page ”basic settings” and not at the page of the header settings. Did it there but that did nog help. Changing the basic settings shows more result :-D
However, I removed all white space and now it is just aligned to top and it looks pretty crappy. The text illustrates that I should size the logo at 340×156 px. That is what I did before (that was why there was so much white space). We have a tall logo, with almost no height.I think it would be best if I can just let the logo be centered vertically, but I can’t see how… Please let me know which settings to change.
Kind regards
In reply to: Removing border on section in mobile
Hi
I am still having trouble with mobile view. I have removed the left and right padding and left and right margin from .container which has made the desktop view nicer as the section images go right to the edge but the mobile now shows the images hard against the left (which is good) but white space to the right.
I can’t work out how to get the images to have no white space on the mobile version?
Any help would be appreciated
Karen
Topic: Submenu in the sidebar?
Hi, I would like to create a page like this with Enfold > http://getbootstrap.com/getting-started/ with a floating sidebar navigation.
I know how to do this with the navigation sitting on top of the content using the FullWidthSubmenu component, but is it possible to have a page with the navigation on the left or right sidebar?
Playing around with the sidebar settings on page level did not bring the results I expected.
-rolf
I think I have tried almost any possible seetings in the color section, but I cant figure out how to use the color section to add a responsive image on top of a page
100% width (height according to image), no margins. and then it adjust responsive. WHat is the setting for this?
Topic: One page layout question
Hi!
I have a question regarding a “one page” style layout page and how to control the scrolling.
I have a page where i have a layerslider at the top, and the a menu (sub menu element) below it. When you click on the a menu the page scrolls to the designated sectopn (thru section ID) my question is can have the layersider to always be on top ?So instead of the whole page scrolling the page beneath the sub menu scrolls while the submenu and layer slider is always shown.
is this possible ?
Website here:
Thank you!
Hi,
I would like to improve the look of the promo box:
1) text and avia button vertically centered
2) avia button right aligned with same padding top, bottom and right within the box
3) on mobile the avia button switches under the text, which is fine but I would like to add some bottom padding within the boxYour help would be much appreciated.
Thanks and best regards,
Realit Treuhand AGIn reply to: problem with update
Hi,
I added the following code into Quick CSS:
.responsive #top .logo img {
margin: auto;
vertical-align: centered;
}
.responsive #top .logo {
width: 100%!important;
height: 100%!important;
}On mobile the logo sticks on the top and is not vertically centered. Any ideas?
Thanks and best regards,
Realit Treuhand AGIn reply to: Fontello Fonts for Socials
Hi Hamid,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .av-social-link-Telegram:hover a { color: white !important; background-color: #D62424 !important; }Change the color value as you wish.
Best regards,
JordanIn reply to: Embed code not showing on mobile
Hi,
The registration form is not showing up on the desktop as well. Please check the installation guide for the script from the site where you got it.
If you have the link to it please feel free to share it with us.
Try to activate a default wordpress theme and check if it works.
If you still have an issue please post the script that you copied to http://www.pastebin.com and share the link.
Best regards,
VinayIn reply to: Enfold Medical Demo
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){ .responsive #top .flex_column_table { margin-top: -100px !important; } }Best regards,
JordanIn reply to: problem with update
In reply to: Customize accordion slider
Hey pimroll,
Thank you for using Enfold.
1.) Are you planning to add more images? Accordion sliders are usually use for multiple images. If you need to display a single image, use the full width slider element instead.
2.) Set the font size for desktop view then add this in the Quick CSS field to adjust it for mobile.
@media only screen and (max-width: 767px) { #top .aviaccordion-preview-title h3 { font-size: 13px !important; } #top .aviaccordion-excerpt { font-size: 12px !important; } }Best regards,
IsmaelHey endanight!
Duplicate thread: https://kriesi.at/support/topic/there-is-a-widgets-or-o-sidebar-problem-between-enfold-and-woocommerce/
Cheers!
IsmaelIn reply to: Mega menu submenu with and hover
Hey Paul,
Sorry for the delay in response!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .avia_mega_div { background-color: #BE2030; border-color: #BE2030; } #top #header .mega_menu_title a { margin-left: -50% !important; }Best regards,
JordanIn reply to: Images broken on some browsers but not others
Hey clairemartindigital,
Try the following and let me know the result:
-Click the “Safari” menu in Safari and select “Preferences.”
-Click the “Appearance” icon in the resulting dialog box.
-Check the box labeled “Display images when the page opens.”
-Click the red “X” at the top left corner of the dialog box to confirm the change and return to browsing.Best regards,
JordanHey Paul,
Thank you for using Enfold.
The yoast page analysis is incompatible with the advance layout builder but it won’t affect the actual SEO of the site.
Related thread:
// https://kriesi.at/support/topic/wp-seo-yoast-avia-page-builder-integration/
// https://kriesi.at/support/topic/enfold-yoast-compability/Best regards,
IsmaelIn reply to: Enfold Header Settign
Viewing 30 results - 90,211 through 90,240 (of 142,935 total)
