Viewing 30 results - 3,091 through 3,120 (of 18,730 total)
  • Author
    Search Results
  • #1269983

    In reply to: Masonry Grid Issues

    Hi,
    Sorry for the very late reply, and thanks for the link to your site. I took a look but I couldn’t find the masonry grid as shown in your screenshots, if you could link to the page I sure we could help with the background shadow.
    I also checked one of your blog posts H1 title and it seems to be set to a font size of 30px for both desktop and mobile, this is the H1 you meant correct? The login token doesn’t seem to allow me into the backend to check your settings, please check.
    As for the image size of the blog page, the page container width is set to 1010px, which is consistent with your “boxed” layout for your site, but your blog gird is set to 3 posts per row, so to achieve this the images must be smaller, if your grid was set to 2 posts per row the images would be larger, or we can change the width of just the blog page so the images are larger, 1310px for example.
    Please try changing the number of posts per row, or try changing the width of your pages in the theme settings to see if this would help.

    Best regards,
    Mike

    #1269867

    Hi Fitematrulle,

    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

    
    @media only screen and (min-width:768px) and (max-width: 989px) {
        .home .av-slideshow-caption .avia-caption-title {
            font-size: 20px !important;
        }
        .slideshow_caption { 
            width: 55%;
        }
    
    } 
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1269834

    Hey rixi,
    Sorry for the very late reply and thanks for the link to your page.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 630px) { 
    	#top #plugins .av-section-tab-title {
        padding: 5px 10px 0px 10px !important;
        width: 18% !important;
    }
    #top #plugins .av-tab-section-tab-title-container {
    	    background-color: #F1F1F1 !important;
    }
    #top #plugins .av-inner-tab-title {
    	    font-size: 10px !important;
    }
    #top #plugins .avia-tab-title-padding-none .av-outer-tab-title {
        left: 12px !important;
    }
    }

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

    Best regards,
    Mike

    #1269709

    Hey Heiko,

    It depends on how specific you want to be? If’s only a paragraph you want to change, then you can set the font size inline like this:

    <p style="font-size: 10px;">This content uses 10 pixel font size</p>

    If that is not what you are looking for, then please try checking the options under Enfold->Advanced Styling.

    Best regards,
    Rikard

    #1269648

    Hey darrenheld2,

    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

    
    @media only screen and (max-width: 479px) {
        .responsive #top .slideshow_caption {
            left: 160px;
                width: 55%;
        }
        .responsive #top .slideshow_caption h2 {
            font-size: 16px !important;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1269595

    Hi,

    That does not work for me. The picture description in my gallery is small and did not change. Any other ideas?

    Edit: I needed a solution for the Lightbox caption. Found it:

    div .mfp-title {
    font-size: 16px;
    }

    thanks and: merry Christmas!

    Christian

    • This reply was modified 5 years, 3 months ago by mynoxin.
    #1269449

    In fact you do have some sort of tutorials I found

    on using the inspect coding.

    And I gave you the code which DID change the font size of where I am trying to change the colors.
    this is on the Add to Cart / Show Details on the product or product slider.. So under each product.
    it is one color before hover and another color on hovering over the wording

    #top .avia_cart_buttons .button {
    font-size: 15px;
    }

    #1269433

    Hi,

    Thank you for the info.

    Looks like you have managed to apply a custom color to the button using the generic selectors or class names. If you’d like to set a custom css class name to the button, just fill in the custom_class parameter in the shortcode.

    [av_button label='INQUIRE' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='left' label_display='' title_attr='' color='dark' custom_bg='#ff0000' custom_font='#ffffff' link='manually,https://theavantnyc.com/contact/' link_target='_self' id='' custom_class='my_custom_class' av_uid='av-8v8kw' admin_preview_bg='']
    

    Then use the value of that parameter, which is the class name, to adjust the style of the button.

    .my_custom_class { 
     /* custom styles here */
    }
    

    Best regards,
    Ismael

    #1269378

    Hi

    I have updated my button shortcode

    [av_button label='INQUIRE' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='left' label_display='' title_attr='' color='dark' custom_bg='#ff0000' custom_font='#ffffff' link='manually,https://theavantnyc.com/contact/' link_target='_self' id='' custom_class='' av_uid='av-8v8kw' admin_preview_bg='']

    All I need is for it to be red background with white text.
    https://theavantnyc.com/availability/ – click on VIEW on any of the buttons

    #1269373

    Hey, I use this, that works:

    Copy that into the contact-form-7

    <div class=”wps-form”>
    <div class=”wps-form-row”>
    <div class=”wps-form-column”>
    [text* your-name class:vornachname placeholder “Ihr Name”]
    </div>
    <div class=”wps-form-column”>
    [email* your-email class:mailadresse placeholder “Ihre E-Mail-Adresse”]
    </div>
    </div>

    <div class=”wps-form-row”>
    <div class=”wps-form-column”>
    [text your-subject class:betreff placeholder “Betreff”]
    </div>
    </div>

    <div class=”wps-form-row”>
    <div class=”wps-form-column”>
    [textarea your-message class:ihre-nachricht placeholder “Ihre Nachricht”]
    </div>
    </div>
    <div class=”wps-form-row”>
    <div class=”wps-form-column_akzeptanz”>
    [acceptance acceptance-gdpr] Ich stimme zu, dass meine Angaben aus dem Kontaktformular zur Beantwortung meiner Anfrage erhoben und verarbeitet werden. Die Daten werden nach abgeschlossener Bearbeitung Ihrer Anfrage gelöscht.
    Hinweis: Sie können Ihre Einwilligung jederzeit für die Zukunft per E-Mail an ###### widerrufen.
    Einzelheiten dazu regelt unsere Datenschutzerklärung.
    </div>
    </div>
    <div class=”wps-form-row”>
    <div class=”wps-form-column_picture”>
    [cf7ic id:picture class:svgpicture]
    </div>
    <div class=”wps-form-column_send”>
    [submit “Senden” id:versenden]
    </div>
    </div>
    </div>
    ######################
    use this for acceptance dsgvo = tab Additional settings:

    acceptance_as_validation:on

    ########################################
    and this css in custom.css (or quick css)

    /*Formular stylen + Captcha*/

    /*Stylen der Formularelemente*/
    .vornachname, .mailadresse, .betreff, .ihre-nachricht, .svgpicture {font-size:0.9em !important; font-weight:500; background-color: rgba(250,250,250, 0.05); color:#611730 !important; padding:0 0 0 8px; border:none !important;} /*border-radius: 4px;*/
    .ihre-nachricht {padding:16px 0 0 8px;}
    .vornachname, .mailadresse {line-height: 2.8em !important;}
    .betreff {line-height: 2.8em !important;}
    .svgpicture,.wpcf7-not-valid-tip {color:#E3A381;}
    .beweis {margin:auto !important; text-align:left; width:80%; font-weight:400; color:#ddd;}
    input.vornachname, input.mailadresse, input.betreff {background-color: rgba(250, 250, 250, 0.05); color:#E3A381; padding:0 0 0 8px; border-color: rgba(57, 121, 120, 0.3);}
    /*.captcha-image {border: 1px solid #ddd; color:#ddd; border-radius: 4px;}*/
    .captcha-image label > input:checked + i {color:#dfdfdf;} /*Farbe ändern, wenn Bild ausgewählt/angeklickt/checked*/
    .kc_captcha {margin-left: -10px;}
    .wpcf7-not-valid-tip {margin-left:10px; font-weight:500; font-size:1.1em;}
    .wps-form {
    width: 90%;
    margin: 30px auto 50px auto;
    }
    .wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    }
    .wps-form-row .wpcf7-form-control {
    width: 100%;
    }
    .wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
    }
    /* Notebook / Desktop */
    @media only screen and ( min-width: 48em ) {
    .wps-form-row {
    flex-direction: row;
    }
    .wps-form-column, .wps-form-column_picture, .wps-form-column_send {
    padding: 0.5rem 1rem;
    }
    }

    /*Schrift innerhalb der Fomularfelder*/
    .wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap.your-message ::placeholder {color:#611730; font-size:18px;}

    /*submit button*/

    input.wpcf7-submit
    {
    border-radius: 4px !important;
    border:none;
    background-color: #E3A381 !important;
    color: #ddd;
    font-weight: 500;
    font-variant: small-caps!important;
    font-size: 1.1em;
    cursor: pointer;
    letter-spacing:0.1em;
    margin-top:10px;
    }

    /*Schriftfarbe im Button + bei hover*/
    input.wpcf7-form-control.wpcf7-submit {color:#611730 !important;}
    input.wpcf7-form-control.wpcf7-submit:hover {color:#cc0000 !important;}

    /* Farbe und Schriftfamilie für Satz ‘Beweisen sie , dass Sie ein Mensch sind*/
    .wps-form-column_beweis {color:#E3A381; padding-left:16px; font-size:0.8em !important; font-family: ‘open-sans’,’HelveticaNeue’,’Helvetica Neue’,’Helvetica-Neue’,Helvetica,Arial,sans-serif;}

    /*Schriftfamilie für ‘Wählen Sie…*/
    .cf7ic_instructions {font-family: ‘open-sans’,’HelveticaNeue’,’Helvetica Neue’,’Helvetica-Neue’,Helvetica,Arial,sans-serif;}

    /*Button umgebender div nach unten + Schriftfarbe bei hover*/
    .wps-form-column_send {margin-top:35px;}

    div.wpcf7-response-output {margin:-40px auto 30px auto !important; width:76%; border:1px solid #E3A381 !important; border-radius:4px; color:#E3A381 !important; font-size:1em;}

    /*Instruction ‘Wählen Sie’ als Block*/
    .cf7ic_instructions {display:block; font-size:20px !important;}

    /*Satz: Bitte beweisen Sie….*/
    .wps-form-column_beweis {font-size:20px !important;}

    /*######Struktur-CSS des Formulars#########*/
    .wps-form {
    width: 80%;
    margin: 30px auto 50px auto;
    }
    .wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    }
    .wps-form-row .wpcf7-form-control {
    width: 100%;
    }
    .wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
    }
    /* Notebook / Desktop */
    @media only screen and ( min-width: 48em ) {
    .wps-form-row {
    flex-direction: row;
    }
    .wps-form-column, .wps-form-column_picture, .wps-form-column_send {
    padding: 0.5rem 1rem;
    }
    }

    #########################
    I also use the additional plugin image captcha pro — > https://kccomputing.net/ no recptcha needed for security

    • This reply was modified 5 years, 3 months ago by steridhh.
    #1269261

    Well thought the rest was easy.

    #top .avia_cart_buttons .button {
    color: blue;
    font-size: 15px;
    }

    Size works but cant get color to change

    #1269258
    wealthyone
    Participant

    do you have some tutorial on how to find /work out the right element code so we can use it to change colors and fonts etc etc for a particular area.

    So for instance I am looking at wanting to change the Add to Cart / Show Details on the product or product slider.
    this is one of many of different areas I would like to change colors and font sizes.

    So instead on me asking for 20 sets of coding, wondering if there is a tutorial ( using the ‘inspect’ function of the browser to get the right code.
    Like the first line here
    ( I think this is what I am looking for this time)

    #top .avia_cart_buttons .button {
    font-size: 20px;
    color: orange;
    }

    The font and color are easy, but not the rest

    thanks

    Hi,

    Add this to quick css:

    
    
    @media only screen and (max-width: 600px)  {
    .formkit-header h1{
    font-size:25px!important;
    }}

    Best regards,
    Jordan Shannon

    #1268955

    Hi navindesigns,

    I have modified the Color Section at the bottom of the page and set its Custom ID Attribute to myfooter.
    Please add this CSS code in Quick CSS, located in Enfold > General Styling (just change the font size value, the default size is 18px):

    #top #wrap_all #myfooter .social_bookmarks li a {
        font-size: 24px;
    }

    If you need to use this on other pages, then just set the section’s Custom ID Attribute to myfooter.

    Best regards,
    Nikko

    #1268775
    ktammling
    Participant

    Hi,

    I have recently enabled bbPress on my test webseite and ran into an issue. I would like to automatically create forum threads for new posted articles. To design some of the articles I’m using the advanced editor.

    Now when the topic is created the Enfold shortcodes are displayed as clear text. For example:

    [av_image src='https://xyz' attachment='512' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jxg8f546' custom_class='' admin_preview_bg=''][/av_image]

    Is there any way I can make bbPress to interpret these stylingcodes and at least display them in a simple way or make bbPress use the Enfold parser?

    Currently using Enfold 4.7.6.4 and bbPress 2.6.6

    Thanks very much.

    Regards,

    Klaas

    #1268759
    mirotck
    Participant

    Hi Guys

    Do you know why I have 2 different toolbars on two different websites?
    On one o can change the font family ans font size directly in the editor, whereas on the other website this settings are missing.

    I added two screenshots

    thanks

    #1268731

    Hey Fitematrulle,

    Try the following:

    @media only screen
    and (min-device-width: 834px)
    and (max-device-width: 1112px)
    and (-webkit-min-device-pixel-ratio: 2) {
    .avia-slideshow-inner, .avia-slideshow-inner img {
    height: 300px !important;
    }
    .avia-slideshow-inner img {
    min-width: 1000px !important;
    margin-left: 200px !important;
    }
    .home .av-slideshow-caption .avia-caption-title {
    font-size: 20px !important;
    }
    
    .home .avia-caption-content p {
    font-size: 16px !important;
    }}

    Best regards,
    Jordan Shannon

    #1268687
    Fitematrulle
    Participant

    Hi

    I have some issues with the font size on the full width slideshow. On mobile I fixed it with the code below, but I can’t get it right on tablet. The font size should be smaller. How do I fix this?

    Thank you in advance

    @media only screen and (max-width: 767px) {
    .avia-slideshow-inner, .avia-slideshow-inner img {
    height: 300px !important;
    }

    .avia-slideshow-inner img {
    min-width: 1000px !important;
    margin-left: 200px !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .home .av-slideshow-caption .avia-caption-title {
    font-size: 20px !important;
    }

    .home .avia-caption-content p {
    font-size: 16px !important;
    }
    }

    #1268583

    In reply to: Theme Bug

    Hi kosmosdigital,

    We apologize for the delayed response.
    I have added this code in your Quick CSS, which fixed the issue with ampersand:

    .main_color .special_amp {
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      font-style: normal;
      font-weight: inherit;
      line-height: inherit;
    }

    The mobile menu is also fixed.
    Please review your site and let us know if there are parts that still has some issue.:)


    @Guenni007
    Thanks a lot for helping out :)

    Best regards,
    Nikko

    #1268450
    navindesigns
    Participant

    Hi,

    On my site, I have a button that has the following shortcode;
    [av_button label='INQUIRY' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='left' label_display='' title_attr='' color='dark' custom_bg='#ff2d1e' custom_font='#ffffff' link='manually,https://theavantnyc.com/contact/' link_target=‘_self’ id='' custom_class='' av_uid='av-8v8kw' admin_preview_bg='']

    I want to add another button using the same short-code but the only difference is that I want the button to be red color. I know I have to add a custom class to it but where do I add the class in the shortcode?

    Thanks

    #1268319

    Awesome thank you so so much! Both the font size and the caption are fixed now :)

    #1268136

    Victoria, how are you? Let me sum up my need.

    I have two blocks.

    1 – With Special Heading aligned to the center (heading and subheading)
    2 – Special heading aligned to the right (heading and subheading)

    For option 1 I use this code below:
    .av-special-heading-tag {
    font-family: Poppins, Helvetica, Arial, Lucida, sans-serif! important;
    font-size: 36px! important;
    line-height: 90px;
    font-weight: 600! important;
    text-transform: none! important;
    text-align: center! important;
    color: #ffffff! important;
    }
    .av-subheading {
    font-family: Poppins, Helvetica, Arial, Lucida, sans-serif! important;
    font-size: 18px! important;
    text-align: center! important;
    font-weight: 500! important;
    line-height: 30px;
    color: #ffffff;
    }

    My help is for option 2. How do I create a heading and subheading with different formatting than option 1?
    .
    LINK – http://www.igluloc.com/igluloc/

    Hi,

    Glad it works. Try to use this css code to adjust the size of the social icons in the burger menu container.

    .burger_social_bookmarks li a {
    	font-size: 16px !important;
    }
    

    Best regards,
    Ismael

    #1268019

    Hi,

    Thanks for that, login details are working now. I’m not sure which page you are using as your blog though? Please link directly to it in private so that we can have a closer look.

    Edit; I read your first post again, and yes, the paragraph font size is 18 pixels in your blog posts. Please try this in Quick CSS:

    #top .fullsize .template-blog .post .entry-content-wrapper {
        font-size: 16px;
    }

    Best regards,
    Rikard

    • This reply was modified 5 years, 3 months ago by Rikard.
    #1268012

    Hi samanthashea,

    Please replace the code I gave:

    #top .avia-builder-widget-area .custom-html-widget .social_bookmarks {
        text-align: center;
    }
    
    #top .avia-builder-widget-area .custom-html-widget .social_bookmarks li {
        float: none;
        display: inline-block;
        border: none;
        margin: 0 10px;
    }

    to:

    #top .avia-builder-widget-area .custom-html-widget .social_bookmarks {
        text-align: center;
        position: relative;
        top: 30px;
    }
    
    #top .avia-builder-widget-area .custom-html-widget .social_bookmarks li {
        float: none;
        display: inline-block;
        border: none;
        margin: 0 10px;
        font-size: 30px;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1268001

    Hi,

    Thanks for that. Please try this CSS instead:

    .sub_menu a {
        font-size: 16px;
        font-weight: 700 !important;
        color: red !important;
    }
    
    #header_meta nav.sub_menu {
        margin-top: 5px;
    }

    Best regards,
    Rikard

    #1267899

    Hi Guys,

    everything is working fine until you use other fonts then from google. which is cool.

    But Google offer me only the TTF style of the “EB Garamond” – which has a size of approx. 500KB!! Which is way to much from a seo perspective.
    I can’t use the google fonts from their server / GDRP…

    If I convert the font into WOFF or WOFF2 and do zip it on the (MAC OS all details are showing wrong in Enfold.

    Looks similar to this
    https://ceonaires.com/ceodocs/uploads/2018/06/Enfold-Googlefonts-lokal.png

    And the font will be not used correct in the front end…

    Best regards,
    Tanju

    #1267837

    Hi samanthashea,

    1. change my H1 size to 30? I tried a code used in another forum question yet nothing changes which is very frustrating.
    I have checked your site and it seems 30px on h1 font size is working properly on my end. You can check the screenshot in private content.
    Please try to clear your browser cache. Also, I would suggest, flushing out cache from Autoptimize and disabling it, since optimization like caching and minification during development produces some issues.

    2. Also, I am having a major problem with the post “13 Famous Places of Peshawar.” I switched it to the Avia layout and now it will not revert back and looks horribly stretched out. I want it reverted back to normal editor
    This is now back to using a default editor

    3. I used code in the documentation to make my featured images full width. However the the length is too long of the imageshonestly.
    What code did you use? and which page?

    4. I posted here about the size of the blog post element on the “blog” page. https://kriesi.at/support/topic/blog-post-slider-images-wont-enlarge/
    I have already replied on that thread.

    5. How can I CENTER and ENLARGE the widget on the homepage with the social book marks?
    Please check this thread: https://kriesi.at/support/topic/how-can-i-center-align-this-social-bookmarks-widget/

    Best regards,
    Nikko

    #1267670

    Hi samanthashea,

    You can adjust the size of the social icons in the header using this code (just change the 24px value, the default value is 16px):

    #top .av-logo-container .social_bookmarks li a {
        font-size: 24px;
    }

    Best regards,
    Nikko

    #1267488

    In reply to: Theme Bug

    the class: special_amp gets all the color from .main-color a, .main-color strong etc pp

    you can overwrite the rules on :

    .special_amp {
        font-family: inherit;
        font-style: normal;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit !important;
        color: currentColor !important;
    }
Viewing 30 results - 3,091 through 3,120 (of 18,730 total)