Viewing 30 results - 7,051 through 7,080 (of 18,743 total)
  • Author
    Search Results
  • #952878

    well the position is bad in that mfp-bottom-bar container.
    so if we do not want to have an edited magnific-popup-script

    we can shift the container with the title:

    add_action('wp_footer', 'move_title_script');
    function move_title_script(){
    ?>
    <script type="text/javascript">
    (function($) {
        function a() {
          $('body').on('click', '.lightbox-added', function() {
            if($('.mfp-bg').length >= 1) {
              $("div.mfp-title").insertAfter("img.mfp-img");
            } 
          });
        }
      a(); 
    })(jQuery);
    </script>
    <?php
    }

    after that you had to style the title f.e.:

    div .mfp-title {
        font-size: 3vw !important;
        line-height: 4vw !important;
        position: absolute;
        top: 50%;
        left: 50%;
        width: inherit;
        text-shadow: 3px 3px 5px #000;
        transform: translate(-50% , -50%);
        padding: 20px !important;
        text-align: center;
    }

    see link: https://webers-testseite.de/accordion/

    Hi,

    Thank you for providing the link. Please add the following to quick css:

    .blog-tags.minor-meta a{
    font-size:10px!important;
    }

    Adjust the size to whatever you prefer.

    Best regards,
    Jordan Shannon

    Hey Jordan –

    I’m just referring to any of the blog posts pages, not a specific page in general. I would just like to see if it is possible to reduce the size of the fonts that are using the TAGS. Thanks

    #952840
    Killick
    Participant

    Hi, I’m building a custom post template to display custom fields in prescribed locations. Is it possible to use Enfold layout shortcodes in my template?

    So far it looks like I can’t.

    This does not work:

    [av_heading tag='h3' padding='10' heading='Hello' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin=',,,,']<?php the_field(‘the_bottom_line’); ?>[/av_heading]
    **I’m using Advanced Custom Fields to get my custom field data.

    Is this possible?

    #952808

    In reply to: Headline Rotator

    What is happen, if you define “font-size:inherit”?

    If the headline rotator give the option for a HTML-Markup as “H2”, what expectations can i have?

    For my understanding: That i have the same layout as another h2-tags in my installation, but not a heading in font size 12 px.

    #952805

    Hi Jordan,
    thx for your quick reply. I have already used CSS to ad a font class but it didn’t work for some reason. Could you pls take a look and tell me where the bug is?

    /* Playfair Display Font 50px*/
    

    .playfair {
    font-family: Playfair Display !important;
    font-size: 50px;
    color: #ffffff !important;
    }`
    I also targeted the page ID like this:
    page-id-6919 h1. {
    color: #ffff !important;
    font-size: 50px;
    font-family: Playfair Display !important;
    }

    mrjohnson2
    Participant

    Is there a way to change the font size on the “TAGS” in a blog post to something smaller? On the desktop, they look rather large in all caps – I was just wondering if there’s a way to drop the size down a bit? Thanks!

    #952741

    Topic: Headline Rotator

    in forum Enfold
    Hokuspokus
    Participant

    Dear Support
    i’m confusing about headline rotator. I have inspected the css and i can found:

    #top .av-rotator-container-inner {
    font-size: inherit;
    }

    Make this sense? Any defined size (like H2 or H3) is not used.

    Best

    S.

    Hi svu,

    Can you try to go to Enfold > Performance then set:
    CSS file merging and compression to Disable – no CSS file merging and compression
    if that doesn’t help, try this also in the Performance setting:
    Disabling of template builder elements set to Always load all elements
    if that still doesn’t help then for the meantime add this css code in Quick CSS (located in Enfold > General Styling):

    #top .av-catalogue-container .av-catalogue-list li {
        list-style: none;
        margin-left: 0;
        clear: both;
    }
    
    .av-catalogue-title-container {
        position: relative;
        font-size: 1.3em;
        line-height: 1.4em;
    }
    
    .av-catalogue-title {
        padding-right: 60px;
        text-transform: uppercase;
    }
    
    .av-catalogue-price {
        position: absolute;
        right: 0;
        top: 0;
    }

    then please give us temporary admin access, so we can check it further.
    I couldn’t reproduce the same issue on my end so we can’t report it yet as a bug.

    Best regards,
    Nikko

    #952502
    partyaces
    Participant

    http://www.partyaces.com

    Trying to get the button text be to 25px. This code seemed to work earlier then has stopped. The button preview shows 25px text, but the actual page does not. Strange thing is, that now when I change the font-size to anything other than 25px it does not change the preview or the site.

    .avia-button.avia-size-large {
    padding: 25px 20px 23px;
    font-size: 25px;
    min-width: 250px;
    }

    #952313

    In reply to: Scroll down arrow

    Hi,
    OK, I see you have an advanced setup on your homepage, with 3 sliders for the top that show at different screen sizes, and then a color section that is always hidden, which was the target of the “next section” arrows.
    I moved the hidden color section below the next visible color section to show the arrow will now work, but please consider removing the hidden color section. Please see screenshot in Private Content area.

    The slider for the desktop will work because it is on bottom of all the sliders, the tablet & mobile sliders arrow will still not work because they are pointing the hidden desktop slider. I believe the real solution for this is to remove all of the arrows of all of the sliders, and create a “code block” with the ID “next-section-arrow” arrow with this code:

    <a href="#true-next" title="" class="scroll-down-link av-control-hidden" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

    then add this ID to the target section below all of the sliders:

    true-next

    Then add this css to move the arrow up over the sliders:

    /* code block arrow */
    #top.home .avia-fullscreen-slider{
    z-index: 1;
    }
    #top.home #top .scroll-down-link {
    top: -130px;
    }
    #top.home #after_full_slider_3 .content {padding: 0px !important;}
    

    This is an example for the homepage, and I have added this to your site so you can see how it works.

    So if you wish to use this for other pages, you can follow these steps, Or now that you know how the hidden elements are affecting the arrow link you can consider a different approach, such as one slider of all screen sizes, or only using the arrow for desktop devices.

    Best regards,
    Mike

    #952290

    Good Morning.
    thank you very much….
    the item wiht the Mega Menue was the problem.

    If Mega Menue is activated you cannot style (font size) the Submenue with the Enfold Administration extended styling option.

    But now it´s fine.

    thanks and best regards
    Karsten

    #952142
    VM
    Participant

    Hello.

    Thank you for your awesome theme.

    In my blog page i have configured 2 masonry modules, and I need different settings for each one:
    – Big title font in the first one.
    – Remove duplicated post. First masonry only shows last post, I need second masonry doesn’t show last post.

    Thank you.

    #952080
    proformancestudios
    Participant

    Hi,

    Would like to change following in the contact form:

    1) the height of all contact form elements
    2) the font size of all text areas ( selection field, text input, checkbox, date picker )
    3) the font size of each element caption

    How can I do that with the quick CSS?

    Please see example in private content.

    Thanks

    Claudia

    #951965

    ok, i try to explain it in english.
    i tried to change the the font size in the sub menue so i made changes in the extended styling but nothing happend.
    you can see it in the main menue at “Kraftvolle Auszeiten”.
    It seems like a css fault in the Theme!.
    please fix it.

    Thx

    #951955
    Dandelion222
    Participant

    I did some testing on Crossbrowser testing for a client and discovered a new serious issue. On several versions of Smartphones, the page shows a whole block of your av= shortcode related to font sizes, etc.

    Have a look at the link I shared.

    Is there anything I did to make this happen? Is there anything I can do to make it go away?

    #951811

    In reply to: Serif Ampersand Issue

    Hi,

    Please try following code

    .special_amp {
        font-family: sans-serif;
        font-size: inherit!important;
        font-style: inherit;
        font-weight: lighter!important;
        color: inherit!important;
    }

    and flush cache. If that too does not help, please post WP admin logins here privately so we can look into it.

    Best regards,
    Yigit

    #951766

    In reply to: Serif Ampersand Issue

    can you please insert this to your quick css and have look if your troubles are gone:

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

    Hi,

    Please replace the code with the below CSS to remove the bottom blue border.

    .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date { 
    font-size: 20px; 
    border-bottom:none!important;
    }

    Best regards,
    Vinay

    #951509

    In reply to: Modificar titulo

    Hey Javier,
    Para realizar la mayoría de los cambios en el menú principal, vaya a Opciones de tema Enfold> Estilo avanzado> y elija Enlaces de menú principal en el menú desplegable. Luego puede cambiar la fuente, el color y el tamaño del menú principal, y guardar. Para tener diferentes opciones para el estado on-hover o el estado activo, elija el menú dos veces y use los cuadros “Aplicar solo al estado de desplazamiento del mouse” y “Aplicar solo al estado activo”. Si desea realizar cambios adicionales, avísenos y podemos ayudarlo con algunos CSS personalizados.

    ———–
    To make most main menu changes please go to Enfold Theme Options > Advanced Styling > and choose Main Menu Links from the drop down.
    Then you can change the font, color and size of the main menu, and save.
    To have different choices for on-hover state or active state, choose the menu twice and use the boxes “Apply only to mouse hover state” & “Apply only to active state”.
    If you wish to make additional changes lets us know and we can assist with some custom css.

    2018-05-04_043605

    Best regards,
    Mike

    #951381

    Hi,

    Glad it worked. For the title, try this css code.

    .avia-post-nav .entry-info span {
        font-size: 11px;
    }

    Please note that the post nav limits the title to 75 characters. You can find that limitation in the functions-enfold.php file, line 544.

    $the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
    

    Best regards,
    Ismael

    #951325

    In reply to: Überschriften Größe

    Hallo Mike,

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

    .html_modern-blog .avia-content-slider .slide-entry-title {
        font-size: 18px !important;
    }

    Grüß,
    Rikard

    #951282

    Hi Lara,

    Try to add this css code in Quick CSS:

    .avia_transform .page-id-5614 a:hover .image-overlay {
        opacity: 1 !important;
        background-color: transparent !important;
    }
    
    .page-id-5614 .image-overlay.overlay-type-extern .image-overlay-inside:before {
        content: '\E897' !important;
        font-size: 50px;
        background-color: rgba(0,0,0,0.5);
    }

    This code only works on your Media Library Page.
    Hope this helps. :)

    Best regards,
    Nikko

    #951115
    raisonbrands
    Participant

    Howdy,

    I saw some threads that spoke to creating linked columns with a custom CSS class, but the issue we have is that the columns already have a custom CSS class of “box-link”. There are 8 boxes in question, all need to go to different destinations, all with that identical “box-link” CSS class.

    Unfortunately I was not a part of the build, and there is already a lot of custom css (see below for conflicts).

    How can I get each entire box to link to a unique destination?
    Thanks!

    [quick css)
    .main_menu {
    font-family: “proxima-nova”;
    }

    #top .av-main-nav > li > a {
    font-weight: normal;
    text-transform: uppercase !important;
    }

    ul.sub-menu li {
    border-bottom: 1px solid #8a8a8a!important;
    }

    #av-burger-menu-ul a:hover{
    color:white!important;
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .avia-layerslider {
    display: none !important;
    }
    }

    #top .main_color ul li{
    color: #28b272;
    line-height: 1.4em;
    font-style: normal;
    }

    .js_active .tab_titles {
    font-size: 20px;
    background-color: #1177bb;
    }

    .tab_inner_content {
    font-size: 16px;
    padding-top: 2%;
    padding-right: 5%;
    padding-bottom: 2%;
    padding-left: 2%;
    }

    .avia-button {
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 16px !important;
    color: #4a4a4a !important;
    }

    #top .avia-slideshow-button {
    background: #FFC324;
    border: none;
    }

    .single_toggle .toggler {
    font-size: 20px;
    color: white;
    background: #1177bb;
    }

    .toggler:hover {
    color:#ffffff !important;
    background: #076bad !important;
    }

    .toggle_content {
    font-size: 16px;
    background: #ffffff !important;
    }

    .toggler {
    border: none !important;
    }
    .entry-content p {
    font-size: 16px;
    }

    .entry-content li {
    font-size: 16px;
    color: #4a4a4a;
    }

    .entry-content-wrapper .post-title {
    text-transform: none !important;
    font-size: 35px !important;
    letter-spacing: normal !important;
    }

    .box-link {
    background-color: #ffffff;
    }

    .box-link:hover {
    background-color: #28b171;
    color: #ffffff;
    }

    .box-link:hover a {
    color: #ffffff !important;
    text-decoration: none;
    }

    .special-heading-link {
    color: #1177bb !important;
    }

    a {
    text-decoration: none !important;
    }

    .box-divider: hover {
    color: #ffffff !important;
    }

    .testimonial-text {
    font-size: 16px !important;
    font-style: italic;
    }

    .avia_desktop .avia-content-slider .avia-slideshow-arrows a {
    opacity: 1;
    color: #ffffff !important;
    }

    .avia-content-slider .slide-entry-title {
    font-size: 18px !important;
    color: #1177bb;
    letter-spacing: normal !important;
    }

    .main_color input[type=’submit’] {
    background-color: #FFC324;
    color: #4a4a4a;
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 16px !important;
    border: none;
    border-radius: 8px;
    }

    .main_color input[type=’submit’]:hover {
    background-color: #F6CF6A;
    border: none;
    color: #4a4a4a;
    }

    #top .avia_ajax_form input[type=’text’], #top .avia_ajax_form input[type=’email’], #top .avia_ajax_form select, #top .avia_ajax_form textarea {
    border: none !important;
    background-color: #eeeeee !important;
    }

    #top .avia-logo-element-container .slide-entry-wrap {
    text-align: center;
    }

    #top .avia-logo-element-container .slide-entry {
    float: none;
    display: inline-block;
    }

    .widgettitle { font-size: 24px; }

    #footer {
    border-top: 5px solid #1177bb;
    }

    #footer .flex_column.av_one_third:nth-child(1) {
    width: 52%;
    }

    #footer .flex_column.av_one_third:nth-child(2) {
    width: 25%;
    }

    #footer .flex_column.av_one_third:nth-child(3) {
    width: 8%;
    }

    #footer .widget_pages ul li {
    display: inline-block;
    margin-right: 15px;
    }

    footer .menu a {
    font-size: 13px;
    text-transform: uppercase;
    }

    #951073

    Hey Charlotte,

    Add this to quick css:

    .avia-builder-el-17 .avia-color-orange  .avia_iconbox_title{
    font-size:20px!important;
    }

    Best regards,
    Jordan Shannon

    #951003

    Hi charger70,

    Try adding this code after text-transform in Victoria’s code:

    font-size: 13px;

    it should look like this:

    .template-page .entry-content-wrapper h2.woocommerce-loop-product__title {
        text-transform: none;
        font-size: 13px;
    }

    Hope it helps.

    Best regards,
    Nikko

    Hey Cydut,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date { 
    font-size: 20px; 
    }
    

    Best regards,
    Yigit

    #950759

    Topic: Video & other issue

    in forum Enfold
    vandrea
    Participant

    Dear Kriesi Team,
    first of all great compliment for the template Enfold. It is that what I was looking for.
    I have some issues I unfortunately can’t solve myself.

  • A small video within a column 2/5 and text in column 3/5. Looks great at big screens and even I-Pad. But in the mobile view the text of column two overflows.
  • I would like to have the possibility for the reader to adjust contrast and fontsize in the frontend. Could you please provide an advise how to do it? Sample at: https://www.ortenau-klinikum.de/
  • The SEO check complains about to many css styles? Is it possible to include everything in one stylesheet or will I mess it up?
  • Your help is most appreciated.
    Best regards
    Andrea

#950631

In reply to: Blog/post styling

Hi,

Thanks for the update. Please try this css code.

#top.page-id-18 #wrap_all .av-special-heading h1.av-special-heading-tag {
    font-weight: 300;
    font-family: Playfair Display;
    line-height: 23px;
    font-size: 20px;
    margin-bottom: 18px;
    color: #a1a1a1;
}

#top.page-id-18 .av-special-heading .av-subheading p {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    letter-spacing: 2px!important;
    font-family: Lato;
    line-height: 28px;
    text-transform: uppercase;
}

We just applied the css styling of the heading and subheading from the front page.

Best regards,
Ismael

#950606

Hi Maya,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css


#top  #header .av-main-nav ul.sub-menu a {
  font-size: 11px !important;
}

Do you want to make it less or more?

If you need further assistance please let us know.

Best regards,
Victoria

Viewing 30 results - 7,051 through 7,080 (of 18,743 total)