Viewing 30 results - 2,551 through 2,580 (of 18,728 total)
1 2 3 … 85 86 87 … 623 624 625
  • Author
    Search Results
  • July 26, 2021 at 5:12 pm #1312479

    In reply to: Grid with html code on overlay

    xeovision

    No one an idea?
    I have found this slution but it only add the title as overlay, not the description.

    `/* Portfolio overlay with title */

    /* Disable default animation */
    #top .grid-entry a:hover .image-overlay .image-overlay-inside {
    animation: none;
    }

    /* Overlay */
    /* Portfolio overlay with title – disable default animation */
    #top .grid-entry a:hover .image-overlay .image-overlay-inside {
    animation:none;
    }

    /* Portfolio overlay with title – overlay */
    #top .grid-entry .image-overlay .image-overlay-inside:before {
    content:”;
    position:absolute;
    background:#000000; /* blue */
    height:100%;
    width:100%;
    border-radius:0;
    top:0;
    left:0;
    margin:0;
    }

    /* Portfolio overlay with title – remove default title below */
    .grid-content .avia-arrow,#top .grid-entry .grid-content {
    display:none;
    }

    /* Portfolio overlay with title – display title on hover*/
    .grid-entry a:hover:before {
    content:attr(title);
    position:absolute;
    width:100%;
    z-index:1000;
    text-align:center;
    opacity:1;
    font-size:18px;
    color:#fff!important;
    transform:translateY(-50%);
    animation:avia-fadein .75s 1 cubic-bezier(0.175,0.885,0.320,1.275)!important;
    top:50%;
    padding:0!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    }

    .avia_transform a:hover .image-overlay {
    opacity:1!important;
    }

    July 26, 2021 at 2:15 pm #1312442

    Topic: Can not over-ride Special Headings with [developer setting] [custom css class]

    in forum Enfold
    hbaumhardt
    Participant

    Enfold 4.8.4 on WordPress 5.8

    I need to create some templates that are totally different to the normal site/theme style.

    Creating body text blocks which use [developer setting] [custom css class] defined in enfold-child/style.css works totally fine.

    Trying to apply similar [custom css class] to Special Headings <H1> & etc does not work:

    Case(1) works fine SPECIAL HEADING: <h1 style=”font-family:courier; font-size:small; color:#00b0f0; text-align:left;”>SKK Workshop Utilities – Workshop Resource Test (why resources are reported wrong)</h1>

    Case(2) works fine SPECIAL HEADING: <h1 class=”skk-article-title”>SKK Workshop Utilities – Workshop Resource Test (why resources are reported wrong)</h1>

    Case(3) plain text using [developer setting] [custom css class] set to skk-article-title does not work and simply renders the default H1 style.

    I am trying to get Case(3) working so it is easier to edit and publish template articles, rather than digging around for text in html wrappers.

    You can see the three cases live online here

    thanks !

    July 24, 2021 at 9:04 pm #1312116

    In reply to: Multiple issues. Possibly after latest enfold update. Seeking help.

    Dommel

    Here is the quick CSS Content:

    /* =================================== */
/* === Make header not transparant === */
/* =================================== */
#header {
    background-color: #23253b;
    opacity: 1 !important;
}

/* ========================== */
/* ========================== */
/* ====== FONTS & TYPE ====== */
/* ========================== */
/* ========================== */

/* ========================== */
/* === Font sizes Desktop === */
/* ========================== */
/* h1 - 80px BOLD */
/* h2 - 55px BOLD with yellow line*/
/* h3 - 55px BOLD */
/* h4 - 32px BOLD */
/* h5 - 22px BOLD */
/* h6 - 20px BOLD */
/* p -  20px */
/* body -  20px */

/* ============================== */
/* === Desktop bullet point font size === */
/* ============================== */
li {
  font-size: 20px;
}
.li-content {
  font-size: 20px;
}

/* =========================== */
/* === H2 Line after title === */
/* =========================== */
h2{
	overflow:hidden;
}
h2:after{
	content:"";
	display: inline-block;
	vertical-align: top;
	height: 0.6em;
	width: 100%;
	margin-right: -100%;
	margin-left: 25px;
	border-bottom:8px solid #ffbf40;
}

.avia-button {
	font-size: 24px!important;
}

/* ================================================ */
/* === Font sizes tablet screens - up to 1366px === */
/* ================================================ */
@media only screen and (max-width: 1366px) {
	.av_textblock_section .avia_textblock h1 {
		font-size: 60px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h2 {
		font-size: 41px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h3 {
		font-size: 27px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h4 {
		font-size: 20px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h5 {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h6 {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock p {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock body {
		font-size: 18px !important;
		font-weight: bold !important;
	}
/* === tablet bullet point font size === */
	li {
	  font-size: 18px;
	}
	.li-content {
	  font-size: 18px;
	}
}

/* =============================================== */
/* === Font sizes mobile screens - up to 767px === */
/* =============================================== */
@media only screen and (max-width: 767px) {
	.av_textblock_section .avia_textblock h1 {
		font-size: 40px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h2 {
		font-size: 28px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h3 {
		font-size: 22px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h4 {
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h5 {
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock h6 {
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock p {
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.av_textblock_section .avia_textblock body {
		font-size: 16px !important;
		font-weight: bold !important;
	}
/* === mobile bullet point font size === */
	li {
		font-size: 16px;
	}
	.li-content {
		font-size: 16px;
	}
}

/* ========================= */
/* === Adjust BOLD & STRONG color === */
/* ========================= */
b {
	color: #ffffff !important;
}
strong {
	color: #ffffff !important;
}

/* ============ */
/* === ???? === */
/* ============ */
.entry-content-wrapper div li {
    line-height: 22px;
}

/* ========================== */
/* ========================== */
/* == END --- FONTS & TYPE == */
/* ========================== */
/* ========================== */

/* ========================================== */
/* === Front page portfolio section width === */
/* ========================================== */
#ourwork .container {
	width: 100% !important;
	min-width: 100%;
	padding: 0;
	margin: 0;
}

/* ========================================== */
/* === Color section container full width === */
/* ========================================== */
#fullwidth-container .container {
	width: 100% !important;
	min-width: 100%;
}

/* ========================================== */
/* === Fullwidth submenu font adjustments === */
/* ========================================== */
#top .av-subnav-menu > li > a {
    font-size: 22px !important;
    font-weight: bold !important;
}

/* ========================================= */
/* === Fullwidth submenu size adjustment === */
/* ========================================= */
#top .av-submenu-container {
    height: 70px;
}
#top .av-subnav-menu > li {
    padding: 23px 0;
}
#top .sticky_placeholder {
    height: 70px;
}

/* ================================================= */
/* === Service buttons break to two column layout=== */
/* ================================================= */
@media only screen and (max-width:989px) {
    .servicebuttons-class {
        width: 49% !important;
    }
    .servicebuttons-class.av_one_fourth{
        margin-left:1%!important;
    }
}

/* ========================================================= */
/* === Reduce color section padding on mobile using HUGE === */
/* ========================================================= */
@media only screen and (max-width: 989px) {
    .avia-section-huge .content, .avia-section-huge .sidebar {
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }
}

/* ========================================================== */
/* === Reduce color section padding on mobile using LARGE === */
/* ========================================================== */
@media only screen and (max-width: 989px) {
    .avia-section-large .content, .avia-section-large .sidebar {
        padding-top: 25px!important;
        padding-bottom: 25px!important;
    }
}

/* ============================ */
/* === Catalogue font sizes === */
/* ============================ */
.av-catalogue-title {
    font-size: 22px;
}
.av-catalogue-price {
    font-size: 16px;
}
.av-catalogue-content {
    font-size: 16px;
}

/* ========================================== */
/* === Catalogue square and larger images === */
/* ========================================== */
.av-catalogue-image {
	border-radius: 0 !important;
	width: 100px !important;
}

/* ======================================== */
/* === Catalogue NOT all capital titles === */
/* ======================================== */
.av-catalogue-title {
	text-transform: none !important;
}

/* ========================== */
/* === Catalog image size === */
/* ========================== */
.av-catalogue-image {
	height: 80px !important;
	width: 80px !important;
}

/* ============================ */
/* === Seperator line color === */
/* ============================ */
span.hr-inner {
	border-color: #ffbf40 !important;
}

/* ====================================== */
/* === Adjust separator FAT thickness === */
/* ====================================== */
.hr-custom .hr-inner.inner-border-av-border-fat {
	border-top-width: 9px !important; 
}

/* ===================================================================== */
/* === Adjust burger menu break point to 1366. Burger starts at 1366 === */
/* ===================================================================== */
@media only screen and (max-width: 1366px) and (min-width: 768px) {
	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
		display: none;
	}

	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
		display: block;
	}
}

/* ================================= */
/* === adjust column breakpoint  === */
/* ================================= */
 @media only screen and (max-width: 1500px) { 
	.responsive #top #wrap_all  #av-center-align-columns .flex_column.columnbreak {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}
}

/* ================================================== */
/* === Center align columns inside color section  === */
/* ================================================== */
#av-center-align-columns .entry-content-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
}

/* =========================== */
/* === adjust table colors === */
/* =========================== */
.pricing-table>li {
	background: #1a1b2b00 !important;
}

/* =============================== */
/* === Custom masonry gap size === */
/* =============================== */
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 4px;
    left: 4px;
    bottom: 4px;
    top: 4px;
}

/* ================================================== */
/* === Content Menu, hide seperatoritem on mobile === */
/* ================================================== */
@media only screen and (max-width: 990px) {
	#menu-item-6080 {
		display: none !important;
	}
}

/* ======================================== */
/* === Change social media bottom color === */
/* ======================================== */
#top .av-social-sharing-box .av-share-link a {
	color: #ffffff;
	background-color: #12131f;
}

/* ================================================= */
/* === Blog featured image remove click function === */
/* ================================================= */
.big-preview.single-big a{
	pointer-events:none!important;
}

/* ================================= */
/* === Remove blog page excerpts === */
/* ================================= */
.blog .slide-entry-excerpt { display: none; }

/* ============================== */
/* === Remove blog page dates === */
/* ============================== */
.slide-meta { display: none !important; }

/* =============================== */
/* === Blog hover icon disable === */
/* =============================== */
.slide-entry-wrap .image-overlay-inside:before {   display: none; }

/* ================================ */
/* === Blog hover overlay color === */
/* ================================ */
.image-overlay { background: #12131f; }
    • This reply was modified 4 years, 8 months ago by Dommel. Reason: Cleanup of Quick CSS. Applied to website
    July 24, 2021 at 11:18 am #1312053

    In reply to: Update time – foobar time

    Maskenzauber

    PROOF:
    maskenzauber.com/temp/enfold-483.mp4 (works)
    maskenzauber.com/temp/enfold-484.mp4 (messed)

    Code:

    [av_heading heading='Überschrift' tag='h2' style='' subheading_active='' show_icon='' icon='ue800' font='' size='24' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='15' 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' link='' link_target='' id='' custom_class='h2leistung' template_class='' av_uid='av-wi1cvv' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_three_fourth first av_uid='av-sexbw57']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-ruxp997' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/av_textblock]
[/av_three_fourth]

[av_one_fourth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-rineby3']
[av_hr class='custom' height='-500' shadow='no-shadow' position='center' custom_border='av-border-none' custom_width='50px' custom_border_color='' custom_margin_top='0px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-r2l8ae3']

[av_icon_box icon='ue81f' font='entypo-fontello' title='Preise' position='top' icon_style='' boxed='' font_color='' custom_title='#b02b2c' custom_content='' color='custom' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' av_uid='av-qbofqu3' admin_preview_bg='']
Preise & FAQ[av_button label='FAQ' link='manually,#tab-id-2' link_target='' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-py4gvff'][av_button label='Preise' link='manually,#tab-id-1' link_target='' size='x-large' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pbgzg57']
[/av_icon_box]
[/av_one_fourth]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-ovwwzdn' sc_version='1.0' admin_preview_bg='']
<strong>Lorem Ipsum</strong>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/av_textblock]

[av_section min_height='' min_height_px='500px' padding='default' shadow='shadow' bottom_border='border-extra-arrow-down' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.1' overlay_color='#28343c' overlay_pattern='' overlay_custom_pattern='' av_uid='av-8vd7qz']

[av_one_full first av_uid='av-o3spxtn']

[av_gallery ids='30327,30326,30325,30324,30323,30322,30321,30320,30319,30318,30317,30316,30315,30314,30313,30312,30311,30310' style='thumbnails' preview_size='no scaling' crop_big_preview_thumbnail='avia-gallery-big-no-crop-thumb' thumb_size='portfolio_small' columns='6' imagelink='lightbox' link_dest='' lightbox_text='caption' lazyload='deactivate_avia_lazyload' html_lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-jrmjqais' sc_version='1.0' admin_preview_bg='']

[av_hr class='invisible' height='40' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-2cyzbvf']

[av_button label='Weiter' icon_select='no' icon='ue800' font='entypo-fontello' link='page,14091' link_target='' size='small' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' 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='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' 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='' 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='' av_uid='av-nc04ukb' sc_version='1.0' admin_preview_bg='']

[/av_one_full][/av_section][av_two_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='av-break-at-tablet' mobile_display='' av_uid='av-mqk8crf' custom_class='']
[av_tab_container position='top_tab' boxed='border_tabs' initial='1' av_uid='av-8103wb']
[av_tab title='Preise' icon_select='yes' icon='ue8e3' font='entypo-fontello' av_uid='av-2751vyz']
[av_table purpose='pricing' pricing_table_design='avia_pricing_default' pricing_hidden_cells='avia_show_empty_cells' caption='' responsive_styling='avia_responsive_table' av_uid='av-l9f8gxn']
[av_row row_style='avia-heading-row' av_uid='av-ksm9x5n'][av_cell col_style='avia-desc-col' av_uid='av-kccltdn']Art[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-k2hiw6z']Trallala[/av_cell][/av_row]
[av_row row_style='' av_uid='av-jp9n4d7'][av_cell col_style='avia-desc-col' av_uid='av-j3k5jq3']Typ[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-in3xoaj']nach Bedarf[/av_cell][/av_row]
[av_row row_style='' av_uid='av-i60bgsb'][av_cell col_style='avia-desc-col' av_uid='av-hsmd2l7']Was[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-h5g8s2j']Alle[/av_cell][/av_row]
[av_row row_style='' av_uid='av-gp8yepn'][av_cell col_style='avia-desc-col' av_uid='av-g92z6vv']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-fx39s57']Irgendwas[/av_cell][/av_row]
[av_row row_style='' av_uid='av-5ls3rv'][av_cell col_style='avia-desc-col' av_uid='av-ew86kqj']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-eble6ez']Ja[/av_cell][/av_row]
[av_row row_style='' av_uid='av-1eylebf'][av_cell col_style='avia-desc-col' av_uid='av-1cz9o1n']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-db7xeij']Ja[/av_cell][/av_row]
[av_row row_style='' av_uid='av-clbe5p7'][av_cell col_style='avia-desc-col' av_uid='av-c0uk3ff']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-bqx9vaz']Ja[/av_cell][/av_row]
[av_row row_style='' av_uid='av-bdbr9q3'][av_cell col_style='avia-desc-col' av_uid='av-aq5r9iz']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-ageudkr']Nein[/av_cell][/av_row]
[av_row row_style='' av_uid='av-9shikpn'][av_cell col_style='avia-desc-col' av_uid='av-9dgdozf']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-927xxqz']Ja[/av_cell][/av_row]
[av_row row_style='avia-pricing-row' av_uid='av-8n0hv0b'][av_cell col_style='avia-desc-col' av_uid='av-85wa7wb'][/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-7iw249n']Mal sehen.[/av_cell][/av_row]
[/av_table]
[/av_tab]
[av_tab title='oft gestellte Fragen' icon_select='yes' icon='ue81c' font='entypo-fontello' av_uid='av-6xqzpob']
[av_toggle_container initial='0' mode='accordion' sort='' av_uid='av-6tyh0nv'][av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-62utznf']
Answer
[/av_toggle] [av_toggle title='lorem Ipsum dolor' tags='' av_uid='av-5tbygd7']Answer
[/av_toggle][av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-5a2iw3f']
Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-4p7kusb'] Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor' tags='' av_uid='av-4k11qyj'] Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-3yr5qd7']Answer[/av_toggle]
[av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-30aviyj'] Answer[/av_toggle][/av_toggle_container]
[/av_tab]
[/av_tab_container]
[/av_two_third]

[av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-2eyhhmj']
[av_heading heading='Überschrift' tag='h6' 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='15' 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' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1yueuxn' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-58okgr' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/av_textblock]

[av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' av_uid='av-153zmez']
[/av_one_third]
    July 24, 2021 at 4:53 am #1312021

    In reply to: Enfold Elegant Portfolio – Audio and Video Icon in Blog Post

    Rikard

    Hi,

    Thanks for the update. Please enable debug mode in order to see shortcodes in the Layout Builder: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode. After that, you can copy this shortcode into a new page:

    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_tb' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-145nae']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in' mobile_breaking='' mobile_display='' av_uid='av-jfg5nepn']

[av_heading heading='Blog - Here you can read the latest news regarding our projects and clients' tag='h3' style='blockquote modern-quote' size='5vw' subheading_active='' subheading_size='15' margin='40px,,170px,' padding='0' color='' custom_font='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jg444p56' admin_preview_bg=''][/av_heading]

[av_masonry_entries link='category' wc_prod_visible='' prod_order_by='' prod_order='' sort='no' items='8' columns='4' paginate='pagination' query_orderby='date' query_order='DESC' size='fixed' orientation='av-orientation-portrait-large' gap='large' overlay_fx='active' id='' caption_elements='title excerpt' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-jfjbn9h2']

[/av_one_full][/av_section]

    Best regards,
    Rikard

    July 22, 2021 at 6:51 pm #1311580

    Topic: Enfold Accordion Element Fault Update

    in forum Enfold
    Andrew
    Participant

    Hi, I have recently performed and update for wordpress and the enfold theme and have noticed a fault / bug with the accordion element. The layout, color and style all changed.

    I am unable to change the colours, instead there is a permanent cream background color for the accordion element on all pages that feature this element. I used to have the plus icon sitting to the right of the of the toggle, but this has also moved.

    The snippets of code that I have in the general styling I have added below. Could you please have a look and see if there is a possible bug with the update.

    .togglecontainer .single_toggle p.toggler {
    font-size: 21px;
    }

    .toggle_content {
    font-size: 19px!important;
    }

    .toggle_content {
    line-height: 1.6em !important;
    }

    .toggle_icon {
    border:none;
    }

    Thank you
    Andrew

    July 22, 2021 at 5:40 pm #1311553

    In reply to: Show sidebar on top of page for mobile

    Matt

    Thank you.

    Can you comment on why the same code does not show the sidebar at the top pf page on mobile for the second site? I have included all the Quick CSS that the second site uses in case something else there is conflicting.

    here is all the Quick CSS that the second site is using. The site URL is in prvate content.

    @media only screen and (max-width: 768px) {
    .container {
    display: flex!important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    }

    /* Sidebar */
    #top .container aside {
    order: 1;
    flex-grow: 1;
    }

    /* Main Content */
    #top .container main {order: 2;flex-grow: 1;}
    }

    @media only screen and (min-width: 768px) {
    .only_mobile { display: none !important; }}

    @media only screen and (max-width: 769px) {
    .only_desktop { display: none !important; }}

    @media only screen and (max-width: 768px) {
    .breadcrumb {
    display: none !important;
    }
    }

    #top .phone-info {
    float: none!important;
    text-align: center;
    }

    .slideshow_caption { width: 65%; }

    #header_meta * {
    font-weight: bolder;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 2em;
    }

    .avia-button {
    font-size: 16px!important;
    }

    .my-highlighted-text { background: rgba(255, 0, 0, 0.7) !important;padding: 1px !important; }

    .av-subheading.av-subheading_below {
    margin-top: 20px;
    }

    #socket .container {
    padding-top: 30px;
    padding-bottom: 30px;
    }

    #socket .sub_menu_socket { float: left; }
    #socket .copyright { float: right; }

    .blog-author{ display: none !important; }

    .products .product h3 {
    font-size: 16px;
    }

    div#header_main {
    background-color: white;
    }

    .related.products {
    display: none !important;
    }

    div .product-sorting {display: none;}

    .in-stock {
    display:none !important;
    }

    #top #wrap_all #av-burger-menu-ul>li{
    opacity:1!important;
    }

    #top .av_header_transparency .phone-info {
    color: #ffffff !important;
    font-size: 14px !important;
    }

    .widget_product_categories li a {
    font-size: 16px;
    }

    .sidebar_left.sidebar {
    text-align: left;
    }

    .tax-product_cat .page-thumb {
    display: none;
    }

    .woocommerce-product-gallery {
    opacity: 1 !important;
    }

    /* Product list */
    .product h3 {
    font-size:14px!important;
    }

    input[type=”submit”]{
    font-size: 15px;
    }

    .av-custom-form-color .button {
    border-color: #c18017 !important;
    border-width: 1px !important;
    background-color: #c18017 !important;
    }

    .av-custom-form-color .button:hover {
    border-color: #f0f0f0 !important;
    border-width: 1px !important;
    background-color: #696969 !important;
    }

    .sidebar .widgettitle { font-size: 16px; font-weight: bolder; }

    .sort-param-order, .sort-param-sort {
    display: none;
    }

    #top .widget ul {
    padding: 2px !important;
    }

    .widgettitle {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1em;
    text-align: left!important;
    }

    #header_meta #avia2-menu a {
    font-size: 15px !important;
    font-weight: bold !important;
    }

    July 22, 2021 at 9:10 am #1311387

    In reply to: woocommerce My Account h2 Font size

    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    .page-id-19 h2.woocommerce-order-details__title, .page-id-19 h2.woocommerce-column__title, .page-id-19 h2.woocommerce-shipments-list__title {
  font-size: 18px !important;
}

    Best regards,
    Rikard

    July 21, 2021 at 9:25 pm #1311243

    In reply to: Change font in text box

    Yigit

    Hey Kfranck,

    I edited your Icon Box element and went to Styling > Font Sizes tab and changed font title to 11px.

    Please review your website :)

    Regards,
    Yigit

    July 21, 2021 at 6:34 pm #1311210

    Topic: Change font in text box

    in forum Enfold
    kfranck
    Participant

    For some reason, the Icon Box in the Avia Builder in Enfold.no longer works on my site

    I replaced the Icon Box with a text box, but the font size is too big.

    How can I change the font size to 11 point?

    I access my site, please see below. The text box in question is on the DEFAULT page in the text box entitle REFERENCE DESK.
    Thanks,
    kfranck

    July 21, 2021 at 4:20 pm #1311176

    Topic: Buttons gone..

    in forum Enfold
    Oups4740
    Participant

    Since the update (of both Enfold & WordPress) the buttons have disappeared..

    Sample code..

    [av_button label='Learn More' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='dark' custom_bg='#444444' custom_font='#ffffff' link='page,9886' link_target='' id='' custom_class='' av_uid='av-1izt17f' admin_preview_bg='']

    Also we are having the same problem as everyone else with the icons.

    Best Regards..

    July 21, 2021 at 2:25 pm #1311152

    In reply to: Imported Google font not working on iPhone or desktop Safari

    Mike

    Hi,
    Please try this instead:

    h2.avia-caption-title.playfairdisplay-bolditalic-mobile {
	font-family: 'playfairdisplay-bolditalic' !important;
	font-size: 60px;
    font-weight: 700;
    font-style: italic;
}

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

    Best regards,
    Mike

    July 21, 2021 at 8:06 am #1311052

    Topic: Icon Box Element in Widget Area

    in forum Enfold
    spottydog63
    Participant

    Hi.

    After the latest WordPress/Enfold update, the Widget Area I had created to display in the Footer Area is now no longer working.
    I had the following shortcode in a custom html widget:

    [av_icon_box icon='ue82b' font='entypo-fontello' title='Areas Serviced' position='top' icon_style='' boxed='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' av_uid='' admin_preview_bg='']

    Albany Creek 4305, Banksia Beach 4507, Beachmere 4510, Beerburrum 4517, Bellmere 4510, Bongaree 4507, Bracken Ridge 4017, Bray Park 4500, Bribie Island 4507, Burpengary 4505, Caboolture 4510, Caboolture South 4510, Cashmere 4500, Dakabin 4503, Deception Bay 4508, Donnybrook 4510, Elimbah 4516, Kallangur 4503, Kurwongbah 4503, Lawnton 4501, Mango Hill 4509, Meldale 4510, Moorina 4506, Morayfield 4506, Narangba 4504, Ningi 4511, North Harbour 4505, North Lakes 4509, Petrie 4502, Redcliffe 4020, Rothwell 4022, Sandgate 4017, Sandstone Point 4511, Scarborough 4020, Strathpine 4500, Toorbul 4510, Upper Caboolture 4510, Wamuran 4512, Warner 4500, Woorim 4507.

    Other areas may be possible on request.
    [/av_icon_box]

    Now all I see is the Icon Box with the text “Click to add your own text here”.

    July 21, 2021 at 6:46 am #1311028

    In reply to: woocommerce My Account h2 Font size

    Rikard

    Hi Jürgen,

    Thanks for that. I can see 3 h2 element on that page. Please try this CSS to change the size of them:

    .page-id-19 h2.woocommerce-order-details__title, .page-id-19 h2.woocommerce-column__title {
  font-size: 18px !important;
}

    Best regards,
    Rikard

    July 21, 2021 at 12:51 am #1310982

    Topic: Woo Commerce and Centered logo with menu underneath cart issue

    in forum Enfold
    jleclair87
    Participant

    Recently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!

    Here is the code i added to the child theme.

    <?php

    /*
    * Add your own functions here. You can also copy some of the theme functions into this file.
    * WordPress will use those functions instead of the original functions then.
    */

    // Header Widget
    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }

    function cart_in_nav(){
    ?>
    <script>
    (function($){
    $(document).ready(function(){
    var width = $(window).width(), height = $(window).height();
    if ((width >= 768)) {
    $( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
    };
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘cart_in_nav’);

    and here is my css

    /* cart_in_nav */
    @media only screen and (min-width: 767px) {
    #top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
    display: block !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 1px 10px !important;
    border: none !important;
    box-shadow: none !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
    width: 100% !important;
    height: 100% !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
    border: none !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
    border: none !important;
    }
    }
    /* end cart_in_nav */

    .special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }

    @media screen and (max-width: 900px) {
    #header .widget { display: none !important; }
    }

    #header .widget {
    left: 50px;
    right: auto;
    padding-top: 70px;
    position: absolute;
    top: 0;
    transform: translate(-0%);
    z-index: 999999;
    }

    #top .inner_product,
    #top .inner_product .inner_product_header {
    border: none;
    }

    #top .inner_product .inner_product_header .avia-arrow {
    display: none;
    }

    July 20, 2021 at 8:45 pm #1310933

    In reply to: Imported Google font not working on iPhone or desktop Safari

    tiffanytnttobol

    Sorry, one more thing. I am using the fullwidth slider for some mobile sections and it doesn’t seem I am getting the CSS right.

    Here is what I tried:

    .playfairdisplay-bolditalic-mobile .avia-fullwidth-slider .avia-caption-title {
	font-family: 'playfairdisplay-bolditalic' !important;
	font-size: 60px;
        font-weight: 700;
        font-style: italic;
}
    July 20, 2021 at 2:43 am #1310797

    Topic: Make control dots smaller in easy slid – they seem to be stuck on a certain size

    in forum Enfold
    webWahine
    Participant

    Hello

    I’m using an easy slider and actually want to make all the dots really small – I’ve looked at other posts and tried width: 9px, height: 9px but it didn’t work. Here’s what I have at the moment (below). They don’t seem to get really small, eg, 4 or 5 px round. Thanks :)

    /* Easy slider navigation dots ******************/

#top .avia-slideshow-dots a {
    border-style: none !important; 
    font-size: 6px !important; /* not working */
    height: 9px !important;  /* not working */
    width: 9px !important;  /* not working */
    border-radius: 50% !important; 
    border: 0px solid blue !important;
    margin: 0 5px !important; 
}

/* Easyslider navigation active dots */

#top .avia-slideshow-dots a.active {
	/*Your style here */
    font-size: 6px!important; /* not working */
}

#top .avia-slideshow-dots a.goto-slide.active {
    border-style: none !important; 
    border-radius: 50% !important;
    border: 3px solid #7e7e7e !important;
    background: #fff !important; 
    opacity: 100% !important;
}

#top .avia-slideshow-dots a.goto-slide {
    background: #000 !important; 
    opacity: 65% !important;   
}

#top .avia-slideshow-dots.avia-slideshow-controls a {
     vertical-align: middle!important; /* default baseline - use if you want larger active dot */  
}
    July 18, 2021 at 8:43 am #1310572

    In reply to: SVG LOGO

    Guenni007

    if your settings in Enfold Options on layout dimensions do not work correct – there could be a synthax error in your quick css.
    These settings including custom.css are placed on the bottom of all other css:

    .container {
 width:100%
}
.container .av-content-small.units {
 width:75%
}
.responsive .boxed#top ,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
 width:1310px;
 max-width:90%
}
.responsive .container {
 max-width:1310px
}
#top #header .av-main-nav > li > a {
 font-size:13px;
 font-weight:normal
}
@media only screen and (min-width:768px) {
}
@media only screen and (max-width:767px) {
}

    so if you got f.e. a missing closing bracket or instead of a semicolon you set a comma – sometimes all the rest of the following css will not work.

    you can post your quick css content here (but please use the code tag) so we can see if my guess is relevant

    July 17, 2021 at 5:45 pm #1310519

    In reply to: Imported Google font not working on iPhone or desktop Safari

    Mike

    Hi,
    Thank you for your patience and the link to your page, I tried to recreate this situation on my test site and compared it to your site and I found that on both in Safari the .ttf fonts didn’t seem to render. Even thogh we had downloaded the font from Google Fonts and uploaded to the custom font manager the font was still being served by the google cdn as a cached .woff, incorrectly.
    The .ttf was not found on Safari at all.
    So I was able to work around this by extracting the PlayfairDisplay-BoldItalic font and uploading to the custom font manager by itself in it’s own zip file, please remove your font and try this, I linked to the one I used below.
    Then in the h4 special heading element that I tested with I added the custom class playfairdisplay-bolditalic
    2021-07-17_002.jpg
    Then I added this css in the General Styling > Quick CSS field:

    .playfairdisplay-bolditalic h4.av-special-heading-tag {
	font-family: 'playfairdisplay-bolditalic' !important;
	font-size: 60px;
        font-weight: 700;
        font-style: italic;
}

    I recommend this method over using the Theme option for Advanced Styling because it doesn’t offer the font-style option to choose italic, and in my test on a Mac with Safari the italic must be declared even though the specific font is italic, on Windows with Chrome the font renders correctly.
    Please give this a try.

    Best regards,
    Mike

    July 17, 2021 at 3:36 pm #1310495

    In reply to: Contact form Submit button with reCaptcha v3

    Mike

    Hi,
    Thank you for your patience and the link to your pages, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    input.av-recaptcha-submit,
input.av-recaptcha-submit-real {
    background-color: #fff !important;
    color: #5690e8 !important;
    font-weight: normal !important;
    padding: 7px 30px 7px !important;
    font-size: 16px !important;
    border-bottom: solid 2px #ebebeb !important;
    border-right: solid 2px #ebebeb !important;
    border-left: solid 2px #ebebeb !important;
    border-top: solid 2px #ebebeb !important;
    border-radius: 50px !important;
}
input.av-recaptcha-submit:hover,
input.av-recaptcha-submit-real:hover {
    transition: all .2s ease-in-out !important;
    background-color: #f499c0 !important;
    color: #fff !important;
    font-weight: normal !important;
    padding: 7px 30px 7px !important;
    font-size: 16px !important;
    border-bottom: solid 2px #f499c0 !important;
    border-right: solid 2px #f499c0 !important;
    border-left: solid 2px #f499c0 !important;
    border-top: solid 2px #f499c0 !important;
    border-radius: 50px !important;
    opacity: 1;
}

    To add a screenshot please try using an image hosting service and pasting the image URL in your post.

    Best regards,
    Mike

    July 16, 2021 at 10:20 am #1310370

    In reply to: Enfold Showcase

    thinkjarvis

    @kommo
    Thanks. Quite a bit went in to this one from an optimisation perspective for looks and speed.

    The above the fold section is an ALB color section with background image. I have set a minimum height depending on the image requirements for each screen size (Either 350px or 600px). I then applied a custom class and custom ID to each to set the height depending on the screen size. This removes issued with CLS in Google Web Vitals because the sizes are explicitly stated early.
    If you view source in Google Chrome you can see the code added as critical CSS into the header. I used wp_head to add code directly into the header from functions.php.

    Most of the mods come from a performance perspective:
    The logo and srcset images are pre-loaded so the logo is available as early as possible.
    Self hosting fonts and Adding font preload manually from functions.php just like the other critical CSS. This prevents Font Swap (Flicker) from occuring as the fonts are available right away.

    To improve LCP and FCP scores you can either pre-load the background color section image in the same way as the fonts so it is available right away or add critical css in the way that I have – serving a different image size per screen size.

    I use critical CSS on Burden Basket because of the minimum height applied to the ALB colour section.

    To ensure the images look right on all screen sizes I have used media queries to load a different banner image per screen size on every page.

    I have enfold setup to have mobile break points at 989px instead of 767px. I do this in the Enfold control panel and every column element on every page .

    As the page scales down (if you resize the browser window) I have used media queries to change the menu font size and padding so that it works on screens all the way down to 989px. You can adjust the mobile breakpoint if required to lets say 1024px (for ipads) with some custom CSS. If you search the forum you’ll find this one.

    Although most sites read Left to Right from a mobile design perspective – Put the first image on the left – This will mean users see picture content first in the same way people are familliar with on social media. Its good UX design to do it this way but looks a little unusual on desktops. You could always set two images and hide the first one on desktops if you prefer them the other way around on different platforms.

    I hope this helps.

    July 16, 2021 at 9:51 am #1310363

    In reply to: font size

    Rikard

    Hi Szymon,

    Thanks for the update. Please try this CSS instead:

    .single-product .wc-pao-addon-heading, .single-product .wc-pao-addon-name {
  font-size: 18px; 
}

    Best regards,
    Rikard

    July 15, 2021 at 4:20 pm #1310305

    In reply to: Submenue in content area

    Knutnik

    Hello again,

    in the meantime that has been done with the full width menu: I made my own menu.

    But I still need help with the link color.

    In the Quick CSS I stated:
    .p-navi {
    font-size: 0.9em;
    color: # ad9f8f;
    }

    .p-navi-active {
    font-size: 0.9em;
    color: # 978672;
    }

    .p-navi> a: link {
    font-size: 0.9em;
    color: # ad9f8f;
    }

    # top.main-color> div.submenue-ib> span.p-navi> a: link, a: hover {
    font-size: 0.9em;
    color: # ad9f8f;
    }

    Where I have inserted a hashtag as a link, my color assignment works, but under “Küche” I have linked a category and my formatting is overwritten by the orange of the actual link color of the website.
    But I wont like to have the orange links here. With “a: hover” that would be OK, but “a: link” should be “# ad9f8f;” implicit.
    How could I manage it?

    Greetings,
    Knutnik

    July 15, 2021 at 11:19 am #1310238

    In reply to: font size

    Caisley

    Hi Rikard
    Thank you, it worked on some of the headings
    if you look here for example

    https://caisley-tags.co.uk/product/combo-11-dna-large-flag-tissue-sampling-with-large-flag-management-space/

    holding number and herd number headings now are with reduced font size but universal applicator not

    in this product, all are ok except the first heading, “Type”
    https://caisley-tags.co.uk/product/flexoplus-dd-barcode-print-replacement/

    Any idea on how to change these?
    Thank you
    Szymon

    July 15, 2021 at 11:04 am #1310232

    In reply to: font size

    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    .single-product .wc-pao-addon-heading {
  font-size: 18px; 
}

    Best regards,
    Rikard

    July 15, 2021 at 10:23 am #1310227

    Topic: Submenu same font size, format and color as main menu

    in forum General Questions
    Woudenberg
    Participant

    Hey,
    On my website http://www.forestmountain.nl I use submenus under the main menu. In this example, the Foto’s submenu under the Fotografie menu.
    I am unable to make the Foto’s submenu button smaller, have the same font size and colour as the main menu.
    I would also like to remove the line below the submenu text. This line becomes visible when you hover the mouse over the text Foto’s.
    Hopefully you can help me further.
    Hans

    (sub)menu buttons

    July 14, 2021 at 3:30 pm #1310127

    Topic: Masonry gallery – possible to edit size of boxes?

    in forum Enfold
    envato99
    Participant

    Hi

    I am looking at using a Masonry gallery on the page linked below.

    Is it possible to change the size of the boxes?

    I would also possibly want to edit the font size.

    Thanks for your help

    Stephen

    EDIT: I found the option to set the number of columns in the gallery, which has solved this problem. Also fixed the font size with css.

    • This topic was modified 4 years, 8 months ago by envato99.
    July 14, 2021 at 1:51 pm #1310115

    In reply to: font size

    Caisley

    Hi Jordan

    Could you please send me a css code that will reduce the font size?
    Thank you
    Szymon

    July 14, 2021 at 12:52 pm #1310108

    Topic: woocommerce My Account h2 Font size

    in forum Enfold
    Jürgen
    Participant

    Hello,
    I would like to only adjust the headline size on a certain page, as far as I know it is the h2. It is a page automatically generated by woocommerce under: My Account / Orders / Order Details. How can I adjust the font size for this page only, or can you give me a CSS code?
    Thank you very much
    Greetings Jürgen

    July 13, 2021 at 10:51 pm #1310049

    In reply to: LCP issue caused by fade-in on first element

    thinkjarvis

    THP thanks for the suggestion.

    If the text is the LCP element try serving your fonts locally and adding preload to the header file (you can do this from functions.php). This will help prevent CLS shift and improve LCP and FCP scores in most cases. If you download the fonts you can use cloud convert to convert a .ttf font to a .woff2 which is much smaller.

    I think one of the issues is that when CSS is merged into one file, the page layout is unavailable until this loads – Meaning that any calculated image sizes like the logo with Srcset wont render until the browser gets the size info from the CSS file. The only way around this is to generate critical CSS.

    I have tried Jetpack Boost to add critical CSS (new plugin from the official WordPress team). This should fix the problem but I need to experiment more with it yet. Ironically I also tried inlining all of the CSS so there were NO CSS FILES and this actually reduced LCP to a pass score of under 2.5 seconds! But not best practice given the 100kb of CSS in the theme! The TTI score got a lot worse!

    Try using Jetpack Boost if you are not already using a plugin that generates critical CSS.

    Regarding Doodles Of Art – When you open Chrome it will always load in desktop mode. Even when using dev tools. So it will already have the larger image saved in cache when using dev tools to change screen sizes. If you run Lighthouse in mobile mode – It does render a smaller logo image.

    Will wait to see if team Kriesi have any advice on the LCP issue – specifically regarding the logo as the LCP.

    • This reply was modified 4 years, 8 months ago by thinkjarvis.
  • Author
    Search Results
Viewing 30 results - 2,551 through 2,580 (of 18,728 total)
1 2 3 … 85 86 87 … 623 624 625