Forum Replies Created

Viewing 30 posts - 1,501 through 1,530 (of 10,428 total)
  • Author
    Posts
  • Hi,

    I checked your site and it is an API key error and has nothing to do with the theme. Please try again and follow the steps provided in the documentation to create an API key and it should work for you. Google Map
    Try to create a new API key without any restrictions and add it to your site.

    Before you add the API key please try disabling the CSS and JS merging in Enfold > Performance tab.

    Best regards,
    Vinay

    in reply to: styling of CF7 #998710

    Hi,

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

    /*----------------------------------------
    // CSS - Placeholder text
    //--------------------------------------*/
    
    
    /* Place holder text color */
    ::-webkit-input-placeholder {
    color: #bbb!important;
    }
    ::-moz-placeholder {
    color: #bbb!important;
    }
    ::-moz-placeholder {
    color: #bbb!important;
    }
    ::-ms-input-placeholder {
    color: #bbb!important;
    }
    
    
    /* Clear placeholder text on focus*/
    [placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.15s 0.15s ease;
    opacity: 0;
    }
    
    /* Input field style */ 
    #top input[type="text"], 
    #top input[type="input"], 
    #top input[type="password"], 
    #top input[type="email"] {
        padding: 14px 6px;
        font-family: "quicksand",sans-serif;    
        background: #fff;
        border-radius: 0px;
    }

    Best regards,
    Vinay

    Hi,

    I checked the footer and the site looks good on my end. And from the screenshot, you posted there are no errors in your CSS.

    It is mostly a caching issue in your browser. Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

    in reply to: How to decrease logo size? #998676

    Hi,

    I have adjusted the padding the rest of the logo looks good on my end. Please review the site and let us know.

    Best regards,
    Vinay

    in reply to: google map doesn't work #998519

    Hi,

    Just replacing the theme files via FTP should not affect the theme settings as your theme settings will be stored in the database. However to be on the safer side please backup the settings from Enfol > Import/Export tab.

    Google has changed the way maps work, as of July 16, 2018, Google requires you to enable billing for all new users.
    https://developers.google.com/maps/documentation/javascript/usage-and-billing

    Please follow the steps provided in our documentation the maps should work for you!

    Best regards,
    Vinay

    in reply to: How to decrease logo size? #998514

    Hi,

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

    CSS Snippet:

    
    /* CSS - Shrinking logo */
    
    .responsive #top .header-scrolled .logo {
        padding-top:5px!important;
    }
    
    .responsive #top .header-scrolled .logo img {
        max-height: 35px!important;
    }
    
    
    

    Best regards,
    Vinay

    in reply to: Fullscreen Slider Caption on mobile #998509

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    Hi,

    You can use a color section element and add it to the background image.

    If you like to add this to the background of every page at once please check the Initial setup section

    Best regards,
    Vinay

    in reply to: Decrease mega menu column width #998321

    Hi,

    Glad you got it fixed!

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    in reply to: How to decrease logo size? #998319

    Hi,

    Thank you for sharing the credentials, I check your site but could not find any issue with the way the logo works.

    Please clarify what exactly are you trying to achieve? and how we can reproduce the issue you are facing?

    If you like the logo to appear in the same size as uploaded (selected size in media library) they try replacing the previous code with the below one.

    /* Logo */
    
    .responsive #top #header #header_main .inner-container .logo {
        display: flex;
        flex-basis: auto;
        /*width: auto;*/
    
        /* Define scalable min width of the logo on small screens */
        min-width: 100px;
        /* Define scalable max width of the logo on big screens */
        /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
        max-width: 180px;
        
        z-index: 9;
    }
    
    
    /* Logo image size */
    
    .responsive #top #header .logo,
    .responsive #top #header .logo a,
    .responsive #top #header .logo img {
        width: auto;
            
        /* Height specification is not required. It is proportional to the max width of the logo */
        height: auto;    
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    Best regards,
    Vinay

    in reply to: burger menu shuffling with logo #998310

    Hey Michael,

    This is mostly due to a custom code added to the site. Please remove the code and it should work fine. The if you want to make any changer we can help you with correct code.

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    in reply to: Events Cal Pro Google Maps API Conflict #998307

    Hey acscreativenew,

    I checked your site but I do not see any API key in Enfold theme options > Google Services.

    Please add a working API key and let us know if you still have any issue so we can take a closer look at this issue.

    Best regards,
    Vinay

    in reply to: Bottom Align Content Inside a Color Row #998300

    Hi,

    Have you tried the steps and code snippet provided in the docs?

    Working code :

    
    #av_section_1 .container .content {
      vertical-align: bottom;
      padding-bottom:50px;
    }

    Please clear the cache and disable CSS and JS merging from Enfold theme options > Performance settings for testing purpose.

    Best regards,
    Vinay

    in reply to: Styling issues #998289

    Hi,

    Please follow the steps correctly and it should work for you. In case you have any issue with it please feel free to get back to us. We will keep this ticket open until then.

    Best regards,
    Vinay

    in reply to: Change style of title in article #998286

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    in reply to: Logo center, navigation to the left & right of logo #998284

    Hi,

    Please remove the old code and try the updated code in our documentation. That should take care of the logo issue :)

    Best regards,
    Vinay

    in reply to: Fullscreen Slider Caption on mobile #998233

    Hi,

    1. For testing purpose, we need to disable CSS and JS merging from Enfold > Performance and remove the previous code from custom.css.
    2. Enable custom CSS class name support for Layout Builder elements from Enfold > Layout Builder.
    3. Assign a custom class “custom-slider” to the homepage slider.
    4. Since the mobile device has less space we will hide the paragraph text and make the headings 40% width of the slider and font size relative to 3.5% of the viewport width.
    by adding the below CSS in Quick CSS:

    /* Slider caption width */
    
    @media only screen and (max-width: 480px) {
    #top .custom-slider .slideshow_align_caption h2 {
        font-size:3.5vw!important;
        line-height: 20px;
        max-width:40vw;
    }
    
    #top .custom-slider .slideshow_align_caption p {
    	display:none;
    }}

    Best regards,
    Vinay

    in reply to: Cart in menu bar #991778

    Hey saquasar,

    Thank you for writing to us. I have added the below code to your Quick CSS

    @media only screen and (min-width:768px) {
    .html_bottom_nav_header .cart_dropdown {    
        position: absolute !important;
        right: auto !important;
        top: 68px !important;
        left: 50% !important;
        transform: translateX(235px);
    }}

    Please review the site and let us know if you have any issue.

    Best regards,
    Vinay

    in reply to: Ignite Visibility Social Media Marketing Movie #991776

    Hey Kerby Maca,

    Thank you for reaching out to us. We have forwarded your request to the concerned person. If interested, you will hear from us soon.

    Best regards,
    Vinay

    in reply to: Google Maps even with API key not possible #991775

    Hi,

    I assure you it is not an issue with the theme. If the map elements work fine for others with a correct API key it should work for you as well. Let me take a closer look at this issue please post your login details in private message.

    Best regards,
    Vinay

    in reply to: Google Maps even with API key not possible #991009

    Hi,

    Please disable js merging in Theme Options Enfold > Performance and if any caching plugin is enabled and try again.

    You can also find more information on Google maps documentation.

    Best regards,
    Vinay

    in reply to: Burger icon hover color #990865

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    in reply to: center a header widget image and offset the header area. #990614

    Hi,

    We have updated the code snippets and added more examples. Please check the example and let us know if you have any issue.

    Best regards,
    Vinay

    in reply to: Burger icon hover color #990514

    Hi,

    You can add the custom text now. Please check the second block of code in “Hamburger hover color” section. Adjust the min and max width value for “.av-hamburger-box” accordingly.

    /*------------------------*/
    /* Add text to the left side
       of the burger icon.
    /*------------------------*/
    
    
    .av-hamburger {
        min-width: 80px;
    }
    
    .av-hamburger .av-hamburger-box strong {
        display: block!important;
        position: absolute;
        left: calc( -100% - 10px);
        top: 50%;
        transform: translateY(-50%);
    }
    
    .av-hamburger .av-hamburger-box {    
        float: right;   
        max-width: 50px;
    }
    
    
    /*------------------------*/
    /* Hamburger hover color
    /*------------------------*/
    
    .av-hamburger .av-hamburger-box strong {
        color: #000;
        visibility: hidden;
    }
    
    /* Add your custom menu text */
    #top .av-hamburger .av-hamburger-box strong:before {
        content: 'menu';
        visibility: visible;
        line-height: 14px;
    }
    
    .av-burger-menu-main a:hover .av-hamburger .av-hamburger-box strong {
        animation: textcolor .35s forwards;
    }
    
    /* Burger menu hover color possible only for desktop*/
    
    .av-burger-menu-main a .av-hamburger-inner,
    .av-burger-menu-main a .av-hamburger-inner:before,
    .av-burger-menu-main a .av-hamburger-inner:after {    
        background-color: #000;
    }
    
    .av-burger-menu-main a:hover .av-hamburger-inner,
    .av-burger-menu-main a:hover .av-hamburger-inner:before,
    .av-burger-menu-main a:hover .av-hamburger-inner:after {    
        animation: bgcolor .35s forwards;
    }
    
    
    @keyframes bgcolor {
      0% { background: #000; }
      100% { background: red; }
    }
    
    @keyframes textcolor {
      0% { color: #000 }
      100% { color: red; }
    }

    Best regards,
    Vinay

    in reply to: How to move logo to the left on the site? #990513

    Hi,

    Please review the site now, it looks good on my end after I have cleared the cache for you.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance. (You can enable this option after previewing)
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

    in reply to: Two section ID #990066

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    in reply to: Center some menu and leave others on the edge? #990065

    Hi,

    The CSS is made to work for multiple elements and header layouts. However, you can remove the code for elements which you are not using in the main header area for example cart and social icons. The code will be drastically reduced. At the moment I’m not sure this will be added in the header settings.

    Best regards,
    Vinay

    in reply to: Two section ID #990019

    Hi,

    I think you are talking about the content width please check our documentation for more info.

    Best regards,
    Vinay

    in reply to: Special Heading code hack #990018

    Hey FZKFranziska,

    Please enable custom CSS class name from Enfold theme options > Layout Builder and check “Show element options for developers” for more information please check our documentation. it will be easy to target the specific elements.

    Best regards,
    Vinay

    in reply to: Burger icon hover color #990011

    Hi,

    Please replace the previous code with the below snippet.

    CSS Snippet:

    
    
    /*------------------------*/
    /* Add text to the left side
       of the burger icon.
    /*------------------------*/
    
    
    .av-hamburger {
        min-width: 80px;
    }
    
    .av-hamburger .av-hamburger-box strong {
        display: block!important;
        position: absolute;
        left: calc( -100% - 10px);
        top: 50%;
        transform: translateY(-50%);
    }
    
    .av-hamburger .av-hamburger-box {    
        float: right;   
        max-width: 50px;
    }
    
    
    /*------------------------*/
    /* Hamburger hover color
    /*------------------------*/
    
    .av-hamburger .av-hamburger-box strong {
        color: #000;
    }
    
    .av-burger-menu-main a:hover .av-hamburger .av-hamburger-box strong {
        animation: textcolor .35s forwards;
    }
    
    /* Burger menu hover color possible only for desktop*/
    
    .av-burger-menu-main a .av-hamburger-inner,
    .av-burger-menu-main a .av-hamburger-inner:before,
    .av-burger-menu-main a .av-hamburger-inner:after {    
        background-color: #000;
    }
    
    .av-burger-menu-main a:hover .av-hamburger-inner,
    .av-burger-menu-main a:hover .av-hamburger-inner:before,
    .av-burger-menu-main a:hover .av-hamburger-inner:after {    
        animation: bgcolor .35s forwards;
    }
    
    
    @keyframes bgcolor {
      0% { background: #000; }
      100% { background: red; }
    }
    
    @keyframes textcolor {
      0% { color: #000 }
      100% { color: red; }
    }
    
    
    
    
    

    Best regards,
    Vinay

Viewing 30 posts - 1,501 through 1,530 (of 10,428 total)