Viewing 30 results - 2,041 through 2,070 (of 18,728 total)
1 2 3 … 68 69 70 … 623 624 625
  • Author
    Search Results
  • April 13, 2022 at 3:07 pm #1348252

    Topic: openPetition Code einfügen www.kiesgrube.pro-waghaeusel.de

    in forum Pre Sale Questions
    rkshorty
    Participant

    Hallo,
    ich habe den Code von openPetition in ein Code-Block Element eingefügt, es wird aber leier nichts angezeigt.
    Was mache ich hier falsch ?

    <script>
    var OPWIDGET = {
    “base_url”: “https://www.openpetition.de&#8221;,
    “api_key”: “3864e7409744603ac4147f7756deac6fcdee2be45a4c7d2deb6efa43591168f7”,
    “options”: {
    “primarycolor”: “#e07d28”, // andere Farben: https://www.w3schools.com/colors/colors_picker.asp
    “secondarycolor”: “#6c6c6c”,
    “backgroundcolor”: “#ffffff”,
    “mainfontsize”: “12px”,
    “language”: “de_DE.utf8″
    }
    };
    </script>
    <script src=”https://www.openpetition.de/javascript/widget.js”></script&gt;
    <noscript>Bitte aktivieren Sie JavaScript und laden die Seite neu.</noscript>

    April 12, 2022 at 11:08 am #1348075

    Topic: Various resolutions on certain devices not auto-adjusting (overlap or cutoff)

    in forum Enfold
    babyboymik
    Participant

    Hello there

    I have tested my website through various devices with different resolutions and different modes.

    1. The first issue I detected is landscape mode mainly on android devices. When switched to landscape, the right sidebar appears and some content is cut off. I have the option in settings turned on where for mobile devices, sidebars are switched off. In portrait mode, the sidebar does not appear. But when switched to landscape, it appears and nothing auto-adjusts. The thing is I want the mobile version on android and iPhone to be without sidebars, both landscape and portrait modes. I have attached a screenshot with the landscape mode in private content.

    2. I have tested my website on other resolutions where the logo, menu, etc. overlap on certain resolutions. I have attached images of these devices in private content.

    My extra coding consists of the following incase there is something in there that needs a minor change:

    #scroll-top-link, #av-cookie-consent-badge {
    color: #000000;
    background: #f6971a;
    border: 2px solid #000000;
    }
    @media only screen and (max-width: 479px) {
    .responsive #top .logo img {
    max-height: 100px !important;
    }
    }
    .cmc_global_data ul li .global_d_lbl {
    font-weight: 600;
    font-size: 90%;
    background: transparent;
    color: #00000;
    border: transparent;
    margin-right: 0px;
    }
    .cmc_global_data ul li .global_data {
    font-size: 11px;
    white-space: nowrap;
    display: inline-block;
    }
    @media only screen and (max-width: 767px) {
    #header_meta {
    display: none;
    }
    }
    h1 {
    font-weight: bold;
    color: #000000;
    font-size: 24px;
    }
    h2 {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    }
    .slide-meta {
    display: none!important;
    }

    #top #wrap_all .avia-post-nav {
    background: rgb(246 151 26 / 72%);
    height: 150px;
    }
    .avia-post-nav:hover .entry-info-wrap {
    width: 300px;
    }
    .avia-post-nav .entry-info {
    width: 275px;
    height: 120px;
    }

    Let me know as soon as possible how to fix these issues :)

    • This topic was modified 3 years, 11 months ago by babyboymik.
    April 12, 2022 at 9:16 am #1348055

    In reply to: Making Footer Socket Text larger

    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    nav.sub_menu_socket .avia-menu-text, #socket .social_bookmarks a:before {
  font-size: 14px;
}

    Best regards,
    Rikard

    April 12, 2022 at 4:05 am #1348019

    In reply to: Woocommerce support

    Mike

    Hi,
    Please try this css for desktop & mobile for
    Checkout
    Method of payment
    shipping

    
@media only screen and (max-width: 379px) { 
#top #order_review .woocommerce-shipping-totals.shipping td label,
#top #order_review .woocommerce-shipping-totals.shipping td label bdi,
#top #order_review .woocommerce-shipping-totals.shipping td label bdi .woocommerce-Price-currencySymbol {
	font-size:10px;
}
#top #order_review .woocommerce-shipping-totals.shipping td {
    left: 14px!important;
}
}
@media only screen and (max-width: 450px) { 
#top #order_review .woocommerce-shipping-totals.shipping {
	height: 81px;
}
#top #order_review .woocommerce-shipping-totals.shipping td {
    width: 300px!important;
    max-width: 300px!important;
    left: 47px;
    position: absolute;
}
#payment .payment_method_ppcp-gateway label {
	color: transparent;
}
}
@media only screen and (min-width: 451px) { 
	#top #order_review .woocommerce-shipping-totals.shipping td {
    width: 300px!important;
    max-width: 300px!important;
	}
}
@media only screen and (max-width: 768px) { 
	.responsive #top table.woocommerce-checkout-review-order-table .product-name {
    border-left-style: none;
	}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 10, 2022 at 9:01 pm #1347871

    In reply to: Informations supplémentaire survole image masonry

    Mike

    Hey sebzh22,
    Merci pour votre patience, pour utiliser l’élément de maçonnerie pour afficher les produits et avoir plus d’informations affichées au survol de la souris, survolez, veuillez vous rendre sur votre produit et ajouter vos informations supplémentaires dans la courte description du produit, puis ajoutez ce css à votre CSS rapide domaine:

    #top .av-masonry-entry:hover .av-masonry-entry-title,
#top .av-masonry-entry:hover .price span {
	display: none;
}
#top .av-masonry-entry .av-masonry-entry-content {
	display: none;
}
#top .av-masonry-entry:hover .av-masonry-entry-content {
	display: block;
	font-size: 1.5em;
}

    puis au passage de la souris, le titre et le prix se cacheront et plus d’informations s’afficheront, vous pouvez ajouter des emoji mais le shortcode ou le html ne fonctionnera pas ici.
    J’ai lié à ma page de démonstration ci-dessous.
    2022-04-10_012.jpg

    — Translated with Google —

    Thank you for your patience, to use the masonry element to show products and have more information shown on mouse-over, hover, please go to your product and add your extra information in the Product short description, then add this css to your Quick CSS field:

    #top .av-masonry-entry:hover .av-masonry-entry-title,
#top .av-masonry-entry:hover .price span {
	display: none;
}
#top .av-masonry-entry .av-masonry-entry-content {
	display: none;
}
#top .av-masonry-entry:hover .av-masonry-entry-content {
	display: block;
	font-size: 1.5em;
}

    then on mouse-over the title and price will hide and the more information will show, you can add emoji but shortcode or html will not work here.
    I linked to my demo page below.
    2022-04-10_012.jpg

    Best regards,
    Mike

    April 10, 2022 at 2:06 pm #1347846

    In reply to: Fancy Border on Table

    daves1997

    Still not working. All cache cleared including cloudflare.

    /* font size */
    .pricing-table>li {
    font-size: 14px;
    color: #000000 !important;
    background: #f2f2f0!important;
    }

    .pricing-table>li:nth-child(even) {
    background-color: #f0fff0 !important;
    }
    .pricing-table>li:nth-child(odd):not(.avia-heading-row) {
    background-color: #ccffff !important;
    }
    .avia-table.avia-pricing-table.avia-table-5 td{
    color:#000!important;
    line-height: 1.3;
    }
    #main .avia_pricing_default {
    border-top: 18px blue double;
    border-left: 3px black solid;
    border-right: 3px black solid;
    border-bottom: 3px black solid;
    }

    April 10, 2022 at 7:17 am #1347834

    In reply to: Menüpunkte nicht vollständig.

    Nikko

    Hi solf,

    I apologize for the delayed response.
    Please use this CSS code instead:

    #top .av-main-nav .sub-menu .sub-menu a {
    line-height: 23px;
    padding: 4px 15px;
}

#top .av-main-nav .sub-menu .sub-menu a .avia-menu-text {
    font-size: 13px;
}

    Just adjust the line-height, font-size and padding values.
    Hope this helps.

    Best regards,
    Nikko

    April 9, 2022 at 11:00 pm #1347827

    In reply to: Woocommerce support

    Mike

    Hi,
    Thank you for the screenshots, on your first one “delivery.png” all of the text is using the same font “helvetica neue” some are bold and #758269 in color, if you want them to all be like this try this css:

    .woocommerce-checkout .woocommerce .argmc-wrapper .argmc-form-steps, .woocommerce-checkout .woocommerce .argmc-wrapper #payment div.payment_box, .woocommerce-checkout .woocommerce .argmc-wrapper table.shop_table th, .woocommerce-checkout .woocommerce .argmc-wrapper table.shop_table td, .woocommerce-checkout .woocommerce .argmc-wrapper table.review-table th, .woocommerce-checkout .woocommerce .argmc-wrapper table.review-table td {
	color: #758269;
	font-weight: 600;
}

    in my test this also solved the font in the screenshot “payment.png”
    Now if you compare the standard demo purchase box and yours
    2022-04-09_162436.jpg
    you will notice that yours is missing the PayPal image because your payment gateway doesn’t include it payment_method_ppcp-gateway
    the standard PayPal payment gateway does payment_method_paypal
    If you want the PayPal image and remove the outer border try this css:

    #top #order_review #payment .wc_payment_method.payment_method_ppcp-gateway {
	background-image: url(https://www.paypalobjects.com/webstatic/mktg/Logo/AM_mc_vs_ms_ae_UK.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#top #order_review #payment {
    border-style: none;
}

    2022-04-09_010.jpg
    Now for your logins, the first image is the woocommerce standard login, the second one is the ARG MultiStep plugin login, this one has different classes and css than the first one, so to make one look like the other would take some time.
    Try looking at the plugin options and see if it has a “classic” setting to look like woocommerce, or check it’s support site for css to look like woocommerce.

    Best regards,
    Mike

    April 8, 2022 at 4:21 pm #1347727

    In reply to: Woocommerce support

    mary301187

    Hallo Mike,

    the width of the check out is good. Thank you.

    look at the screenshots.

    1. There are so many different fonts and sizes in the check out upon delivery. can this be done uniformly?
    2. there are no icons to be seen when paying, like in your demo, and i don’t like the box with the outline.
    3. this is what the login looks like when I click my account on the website.
    4. This is what the login looks like when I first register in the shop.

    do you understand my problem

    Thank you very much.

    April 7, 2022 at 12:56 pm #1347556

    In reply to: Change color and size: class="av-catalogue-title"

    Mike

    Hey purpleblue_Es,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #main .av-catalogue-title {
	font-size: 20px;
	color: blue;
}

    adjust the color and size to suit, then after applying the css, please clear your browser cache and check.
    If this doesn’t solve please link to your page so we can examine.

    Best regards,
    Mike

    April 7, 2022 at 9:42 am #1347505

    In reply to: word division in headers

    Nikko

    Hi Evi,

    You can fix this by editing the Special Heading (with issues mentioned) and go to the Styling (tab) > Font Sizes > Heading Font Sizes > click on the Mobile icon and set the font size (make it less than 28px)
    I hope this screenshot helps: https://imgur.com/sgNlYn9

    Best regards,
    Nikko

    • This reply was modified 3 years, 11 months ago by Nikko.
    April 6, 2022 at 2:38 pm #1347433

    In reply to: Add icons to xtra info in header

    Rikard

    Hey dondela,

    Please try this in the phone number input box:

    <div style="margin-right: 10px;"><a href="tel:123456789">[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' size='12px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-l1njjt67' sc_version='1.0' admin_preview_bg=''][/av_font_icon] 123456789</a></div><div><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' size='12px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-l1njjt67' sc_version='1.0' admin_preview_bg=''][/av_font_icon]  (Email address hidden if logged out) </a></div>

    Best regards,
    Rikard

    April 6, 2022 at 10:26 am #1347388

    In reply to: Menüpunkte nicht vollständig.

    solf

    Hi Nikko,
    danke. damit bekommt man es etwas reguliert. Aber ich laufe Gefahr, dass die Links oben zu knapp werden. Kann ich die Button des 2. Untermenü isoliert verkleinern?
    Ich meine font-size, line height und die Abstände der items nach oben und unten ..?
    solf

    ===
    Hi Nikko,
    thank you. That way you can regulate it a bit. But I run the risk of the links above becoming too scarce. Can I make the buttons of the 2nd submenu smaller in isolation?
    I mean font-size, line height and item spacing up and down..?

    • This reply was modified 3 years, 11 months ago by solf.
    April 5, 2022 at 9:37 am #1347220

    In reply to: Post Slider Font Size

    Ismael

    Hi,

    Thank you for the update.

    Try to use px or em units for the line-height property.

    .avia-content-slider .slide-entry-title a {
    font-size: 14px;
    line-height: 16px;
}

    Please make sure to purge the cache after adding the css modification.

    Best regards,
    Ismael

    April 4, 2022 at 12:54 pm #1347131

    Topic: change font family in submenu

    in forum Enfold
    TakiwaSoulArt
    Participant

    Hi,

    I can’t understand why the font family in the submenu is suddenly different. It uses the font for headings and also a different font size. This has not happened to me before … How can I change the font family and font size in the sub menu?

    Many thanks and best regards,

    Sabine

    April 3, 2022 at 9:44 pm #1347076

    In reply to: is it possible to get this layout?

    Mike

    Hey Jonas,
    Thank you for your question, I was able to get pretty close to your mockup using columns with background images and custom css.
    This is the desktop view:
    2022-04-03_003.jpg
    notice that most are 1/3 square with the top left one being 2/3 square taking up 4 spaces, and in the middle right is one 1/3 tall being 2 blocks tall.
    on tablet, 768px, they retain their ratios but are narrow:
    2022-04-03_004.jpg
    and on mobile they all become full width and equal height:
    2022-04-03_005888e6c4891c7b78c.jpg
    So each of the columns has a custom class to create this and the one-third-tall & one-third-under have been set with top & clear to place them were they are. You will probably need to take care with how much content you add to these to not change their height.
    You can remove the special-heading elements and the display: flex; align-items: center; from the css, as it was to center the special-heading.
    If you Enable the Avia Layout Builder Debugger on your site you can add this page shortcode to test on your site:

    [av_two_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-1.jpg' attachment='866' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='two-thirds' template_class='' aria_label='' av_uid='av-l1jjt2et' sc_version='1.0']

[av_heading heading='Two Thirds' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm7hat' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_two_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-2.jpg' attachment='862' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjtztc' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm81hx' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-4.jpg' attachment='863' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-2xo2xi' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-74tlzq' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-5.jpg' attachment='868' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjusx8' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-5yz9li' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/isometric-1.jpg' attachment='447' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third-tall' template_class='' aria_label='' av_uid='av-l1jjwv99' sc_version='1.0']

[av_heading heading='One Third Tall' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm8ztq' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-9.jpg' attachment='865' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjz118' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-4p5yli' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-1.jpg' attachment='866' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third' template_class='' aria_label='' av_uid='av-l1jjv7wz' sc_version='1.0']

[av_heading heading='One Third' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-365q0m' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' min_col_height='' padding='' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' border='' border_style='solid' border_color='' radius='' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/wp-content/uploads/2015/07/portfolio-5.jpg' attachment='868' attachment_size='full' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='one-third-under' template_class='' aria_label='' av_uid='av-l1jjzvnn' sc_version='1.0']

[av_heading heading='One Third Under' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l1jm9z90' sc_version='1.0' admin_preview_bg=''][/av_heading]

[/av_one_third]

    This is where my example is.
    This is the css for the page:

    @media only screen and (min-width: 768px) { 
.one-third-tall {
	height: 819px;
	clear: initial;
	top: -436px;
    float: right!important;
    background-position: 50% 50% !important;
	display: flex;
    align-items: center;
}
.one-third {
	height: 385px;
    background-position: 50% 50% !important;
	display: flex;
    align-items: center;    
}
.two-thirds {
	height: 819px;
	background-size: cover !important;
	display: flex;
    align-items: center;    
}
.one-third-under {
	height: 385px;
	top: -436px;
    background-position: 50% 50% !important;
	display: flex;
    align-items: center;    
}
}
@media only screen and (max-width: 767px) { 
	.one-third,
	.one-third-under,
	.one-third-tall,
	.two-thirds {
		height: 361px;
		display: flex;
        align-items: center;
	}
	
}
.av-special-heading {
	background-color: rgb(255 255 255 / 75%);
}

    Best regards,
    Mike

    PS. I see that you have asked this through our PreSaleRequest Contact form, for further questions please login to the support forum and create a new thread so we can help you and other users can benefit from the solutions. Thank you for using Enfold.

    April 1, 2022 at 1:54 pm #1346887

    In reply to: Post Slider Font Size

    Rikard

    Hi Jacopotj,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-content-slider .slide-entry-title a {
  font-size: 14px;
}

    Best regards,
    Rikard

    April 1, 2022 at 11:52 am #1346851

    In reply to: Add button in footer widget

    Alwin

    Hello Nikko,

    I followed your steps, but in the end this is the code I get:

    [av_button label='Online-Reservierung' icon_select='no' icon='ue800' font='entypo-fontello' link='page,54' link_target='' size='medium' position='center' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='custom' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#08a300' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='white' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='none' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']

    That doesn’t seem like a shortcode to me? :)

    Thanks,
    Alwin

    March 31, 2022 at 10:02 am #1346724

    In reply to: Making Footer Socket Text larger

    Rikard

    Hi Dave,

    Please try the following in Quick CSS under Enfold->General Styling:

    #socket .copyright {
  font-size: 14px;
}

    Best regards,
    Rikard

    March 30, 2022 at 7:52 pm #1346647

    In reply to: Accordion Toggle Styling

    ihf-eramstad

    Thank you – I ended up applying the following:

    .av_toggle_section.av-l16wj3qo-5496a02af53b84abb64c0b59e414e6f7 {
    font-family: ‘Raleway’;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    line-height: 35px; !important
    }

    However, this makes the toggle appear on the left side of the container. My addition of “text-align” only controls the title.

    I would like the toggle in the center of its parent container, with the “+” character directly to the left of the toggle label. Is this possible?

    March 30, 2022 at 10:00 am #1346535

    In reply to: Accordion Toggle Styling

    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS:

    p.toggler b {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
}

    Best regards,
    Rikard

    March 27, 2022 at 9:34 pm #1346240

    In reply to: Change animated numbers circle border

    Mike

    Hi,
    Try this:

    #main .iconbox.whaticon01 .iconbox_icon {
background: url(https://balrajt9.sg-host.com/wp-content/uploads/2022/03/whaticon01-1.png);
height: 60px;
width: 60px;
font-size: 0px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
border: none;
background-position: center 11px;
}

    Best regards,
    Mike

    March 27, 2022 at 9:20 pm #1346238

    In reply to: Change animated numbers circle border

    navindesigns

    It is not working

    here is my code for the first icon with my custom class “whaticon01”

    #main .iconbox .iconbox_icon .whaticon01 {
    background: url(http://balrajt9.sg-host.com/wp-content/uploads/2022/03/whaticon01-1.png);
    height: 60px;
    width: 60px;
    font-size: 0px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    background-position: center 11px;
    }

    March 27, 2022 at 8:58 pm #1346233

    In reply to: Change animated numbers circle border

    Mike

    Hi,
    For that one you will need to create a transparent image of the icon with the rings around it and then use it to replace the icon with css.
    For example imagine this as your image, but with a transparent background
    2022-03-27_009.jpg
    then you wouls use this css with the url to your image:

    #main .iconbox .iconbox_icon {
	background: url(https://savvyify.com/img/images/2022/03/27/2022-03-27_009.jpg);
	height: 60px;
	width: 60px;
	font-size: 0px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	background-position: center 11px;
}

    then the result would be:
    2022-03-27_010.jpg

    Best regards,
    Mike

    March 27, 2022 at 12:16 pm #1346193

    Topic: How to make text font size different

    in forum Enfold
    zemanchiu
    Participant

    How to achieve the effect of pictures
    http://43.134.194.96/wp-content/uploads/2022/03/20220327181440.png

    March 26, 2022 at 1:03 pm #1346116

    In reply to: custom font not working / loading

    aboderc

    Hi,

    I did some additional testing and the custom uploaded font can successfully be loaded as body font – so it seems that selecting a custom font via advanced styling (in my case I selected h6) does not work correctly.

    So I used the old @font-face method in my style.css child theme directory and now it’s working fine. For reverence if someone else is looking for a solution.

    upload the font file in a new created fonts directory in your child themes directory and add the following css into your style.css:

    @font-face {
	font-family: Great Vibes;
	src: url('fonts/GreatVibes-Regular.ttf');
}

/* align h6 font (Great Vibes) with regular text */
h6 {
    font-family: 'Great Vibes';
    font-size: 24px;
    font-weight: 400;
    margin: 0.85em 0;
    color: #7c6853 !important;
}

    Adopt as needed,
    Cheers

    March 23, 2022 at 6:37 pm #1345733

    In reply to: Icon List and Content Slider text is too big on mobile

    Rikard

    Hey m,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.flex_column.av-wdb09v-b895da206694a6122c65c3828d8bcd97 {
    padding: 0 !important;
}
.iconlist_content p {
    font-size: 17px;
}
}

    Best regards,
    Rikard

    March 23, 2022 at 3:16 pm #1345694

    Topic: Icon List and Content Slider text is too big on mobile

    in forum Enfold
    Sandy
    Participant

    The Icon List > List Item Content text is too big and cut off on mobile. Also the icons are positioned almost in the horizontal middle of the screen which reduces available space for the text, further exacerbating the problem. The icon text is set to paragraph style.

    I’ve successfully used CSS like this for other text for a similar purpose:
    @media only screen and (max-width: 480px) {
    .homepagebig p { line-height: 45px;
    font-size: 200%!important;
    }}

    Is this a good structure for this issue too? How would this be changed for all website Icon List > List Item Content text?

    —

    Same issue for Content Slider > Slide Content text. It needs to be smaller on mobile.

    March 21, 2022 at 7:30 am #1345319

    In reply to: Hide image title, etc. on hover

    Intell

    Hi! I have a different website that the codes I have are not working to hide the title on any of the images, including the slider. I’ve had to add a few things so I don’t know if that’s part of the problem or not. Thanks!

    .image-overlay { display: none !important; }

.mfp-bottom-bar {
display: none !important;
}

.mfp-title {
    display: none important;
}

#av_section_1 .container {
    padding: 0;
}

@media only screen and (max-width: 767px) {
#av_section_1 .container {
    width: 100%;
    max-width: 100%;
}
}

@media only screen and (max-width: 767px) {
#av_section_1 .container {
    width: 100%;
    max-width: 100%;
}
}

#menu-item-237 .avia-menu-text {
  color: #DABF78;
}
#menu-item-1021 .avia-menu-text {
  color: #337C4E 
}
#menu-item-198 .avia-menu-text {
  color: #C0272D
}
#menu-item-80 .avia-menu-text {
  color: #AA8F4F
}
#menu-item-1172 .avia-menu-text {
  color: #3C5C85
}
#socket { font-size: 15px !important; }
    March 20, 2022 at 5:54 pm #1345265

    In reply to: Font size for "paragraph" is smaller in Advanced layout

    Mike

    Hey martystl,
    Thank you for the login, based on your /who-are-we/ I recommend adding this code in the General Styling ▸ Quick CSS field to match the Advanced Layout Builder text elements to your default paragraph font size:

    .avia_textblock > p,.avia_textblock li {
	font-size: 14.95px;
}

    the page you linked to had paragraphs and bullet points and this should work across your site, after applying the css, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Search Results
Viewing 30 results - 2,041 through 2,070 (of 18,728 total)
1 2 3 … 68 69 70 … 623 624 625