Viewing 30 results - 90,121 through 90,150 (of 142,935 total)
  • Author
    Search Results
  • #692566
    fetetyper
    Participant

    Hi,

    I am using the Polylang plugin and would like to add flags next to the social icons I have in the top left bar. Is it possible to ad a widget to do this?

    http://reservoir.no/no/startsiden/

    Thanks Elise:)

    #692562

    And another two font-related questions came up …

    1. on http://wedding.coeval.de/reportagen/ I used Images as links for the private galleries of my clients. I would love to change the font of the image title, which appears on mouse over, to the font which I used for my content (Arapey, italic).

    2. I would like to change the font of my menue from bold to regular, or from regular to light (I’m not sure which one is used actually).
    The font in the dropdown menue is already thinner, and I would like to use this thin/light version as well for the topics like “portfolio”, “info”, … :)

    #692561

    Thank you Vinay
    but i think you misunderstand me

    i only need to change 2 borders
    please see attached image

    View post on imgur.com

    Your code change all the “td” top border

    is there any way to target it like maybe using nth child / item or something similar ?
    thank you

    #692552

    Hey swelzel,

    Thank you for using Enfold.

    1.) Yes, this is possible. Please add this in the functions.php file:

    add_filter('avf_logo_subtext', 'avf_logo_subtext_mod');
    function avf_logo_subtext_mod($sub) {
        $sub .= "YOUR TEXT HERE";
        return $sub;
    }
    

    And style it with this css code:

    .logo .subtext {
        position: absolute;
        top: 30px;
    }

    2.) Could you please provide a screenshot? You can try the phone info field.

    Best regards,
    Ismael

    #692549

    Hi,

    When I change it this way, the logo is bigger indeed, but does not scale down when scrolling down.
    Also it sticks to the top of the header, but it should be put in the middle.

    And on small screens the logo stays as high and is pinched together. It should rescale a bit.

    What do I have to change?

    Thanks in advance,
    Sara

    #692532

    Hi,

    The video on tablet device does not work fine and load the fallback image (as you can see from the screenshot image attached in the previous email).

    What is the actual screen resolution of the samsung device? You might need to adjust the value of the view port in the css media queries.

    @media only screen and (max-width: 1024px) {
    .hide-mobile { display: none; }}
    @media only screen and (min-width: 1025px) {
    .hide-desktop { display: none; }}
    

    Best regards,
    Ismaelo

    #692531

    Hi Jordan,

    Yep, running the latest version (3.8). Since we need to have the logo displayed in the middle, I couldn’t use the header settings position( menu left and logo rightleft). For that reason I used this in the Child CSS:

    /*Always hamburger menu*/
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }
    
    /*Hamburger menu left alignment*/
    a#advanced_menu_toggle {
    left: 10px;
    }
    
    #advanced_menu_toggle
    {border:none!important; font-size: 60px!important; color:#de0a1c!important;}
    
    .avia_desktop #advanced_menu_toggle:hover
    {
      background: none!important;
      border:none!important;
      }
    
    #advanced_menu_toggle:after {
        content: "MENU";
        font-size: 24px !important;
        left: 56px;
        position: absolute;
        top: 0px;
    color:#7b7b7b!important;
    }

    and added this to the child’s functions.php:

    add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);
    
    function avia_replace_standard_icon($icons)
    {
    $icons['mobile_menu']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue811');
    return $icons;
    }

    Thanks for you help!

    #692526

    Hi,

    To target individual elements please enable custom css class name as mentioned in this link kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    And use the css provided earlier in combination with the class name that you add to the table.

    Example

    
    .main_color .custom-table-class td {
        border-top: 6px solid #e1e1e1!important;
    }

    Best regards,
    Vinay

    #692510

    Hi Jordan,

    I don’t know how to create a mockup but it’s easy to explain what I want to achieve.

    On this site http://syngenera.com/ there are 4 horizontal rows

    Top row is the Logo section

    2nd row is the menu

    3rd row is the main content

    4th row is the socket

    I’d like to place an image behind the logo which will fill the entire background of the Top row

    When I try putting in a background image for the Logo Area via the Enfold settings it places the image in both the Logo area and the Menu area.

    I only want it in the Logo area.

    I hope that is clear.

    Thanks

    #692507

    In reply to: Styling main menu

    Hi,

    Try to add the below code again

    
    #top .template-blog .post_delimiter {
        margin: 0 0 25px 0!important;
        padding: 25px 0 0 0!important;
    }

    If you still have an issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    #692499

    Oh one last question…how do I add links to the text below the titles? (this is the text in the portfolio item excerpt box)

    I want to add a ‘More>>’ link which links it to the portfolio item page. This is because in mobile it’s not obvious that the image and title are clickable links (whereas on desktop the scroll over alerts users to that).

    Many thanks

    Jenny

    #692495

    Hi,

    As i understand you like the image to look normal when user hover over the gallery thumbnails correct?

    I have added the link in private where I noticed images similar to your description.

    #top .avia-gallery .avia-gallery-thumb a:hover {
        opacity: 1!important;
    }
    

    If you still have any issue please share a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #692488
    morecolor
    Participant

    Hi,
    I read this topic but I want to ask just in case, is there a compatible solution that I can use to lazy load gallery images? My client likes to use the Enfold’s galleries with the thumbnails on the bottom that show the image when you mouse over, I’d like for all these images to lazy load with the lowest priority. Preferably the page would show as being loaded before the galleries would start lazy loading, is it possible to do this without breaking other things in the site, especially things like Layerslider WP, Revolution slider or Royalslider? Thanks

    #692485
    EliseBrowneHughes
    Participant

    I used the instructions here https://kriesi.at/support/topic/date-picker-format/ to alter the date format on my website’s contact form to display American style (mm/dd/yy rather than dd/mm/yy), but the code seems to have disappeared when I updated to the latest version of the Enfold theme. Now I’m not seeing the functions.php file. Can someone please clarify up-to-date instructions for changing the date format? Thanks!

    #692484

    Topic: menu target

    in forum Enfold
    norcalnathan
    Participant

    Hi

    I am trying to figure out how to have the side bar and title to not repaint the entire screen when selecting a menu item from the side bar. I want the target page of the selected menu option to only display in the interior of the page.

    This site, http://sulali.com/, which is one of your featured Enfold sites seems to accomplish this although it does not have a top title header area.

    Thanks,

    Nathan

    #692481

    Topic: body background color

    in forum Enfold
    norcalnathan
    Participant

    Hi,

    If you look at my site http://nathanandriley.com/public_html/index.php/cincycostsavers/, you will see a narrow light blue border which is what I have set for the body background. I have maximum container width set to 980px and fixed frame. I need the light blue border to fill out the white space on the left and right hand side of the main content area leaving the 980px with the white background (I want to end up with wide light blue margins on the left and right). I want the top and bottom light blue borders to remain the same however I would like to know how to change that in case I need to in the future.

    Can you please advise?

    • This topic was modified 9 years, 7 months ago by norcalnathan.
    #692479
    dreamlocal
    Participant

    Hi, there. One of our client’s websites is not loading on mobile devices:

    thelightdigital.com

    I’e tried disabling all plugins and refreshing, same results. Please help! Thanks! WP login below.

    –Jason

    #692464

    Hi,

    Please add following code to Quick CSS as well

    #top .av-subnav-menu li a:hover .avia-menu-text {
        color: orange;
    }

    Best regards,
    Yigit

    #692447

    I’ve got it :)

    Solution: #scroll-top-link { border-radius: 0px; }

    #692445

    Hi,

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

    #top .av-submenu-container * {
        background: transparent;
        color: white;
    }
    #top .av-submenu-container {
        background: green;
    }
    

    Best regards,
    Yigit

    Hello,

    Can you provide me with the code you used to fix this issue on Mobile devices? We are having the same problem on our masonry gallery. We want to disable captions on mobile views ONLY not desktop. The problem is that the captions cover the picture on mobile view.

    Please advise.

    Thank-You,

    Chris

    #692432
    Mathuseo
    Participant

    Hi,

    how can I add round borders to the scroll to top button? It is an a-Tag, so I think it is not possible simply to add border-radius: 25px; to the class/id of the a-Tag. Do you have an other idea?

    Thanks,
    Marcel

    • This topic was modified 9 years, 7 months ago by Mathuseo.
    #692405
    ananda
    Participant

    Hi,

    There is an option to add custom top and bottom margin to columns. This works great on desktop, but not on mobile devices.

    How can I remove this margin on mobile devices?

    Thank you regards

    #692404

    Hello, thanks for your response. I responded about the hosting issue in the private section.

    For the sort option, I can’t display all entries at once because there are hundreds of them, it would take the page too long to load.

    I switched it to random, and that almost works. But the first time I tried it, it showed all of the filters except for one year. I guess since I’m setting it to show 28 listings, it randomly selected a dog from each year except 2009 and 2006. I know that if I refresh the page, different years will show up. But is there no way to force it to at least show 1 from every year, so I can ensure that all years show up at the top? Thanks!

    #692367

    Hi,

    it does not target the middle row

    how to target the middle row only

    here are my current quick css
    .slide-meta {
    display:none;
    }
    td {
    vertical-align: top;
    }
    .main_color td {
    border: 3px solid #e1e1e1 !important;
    }

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

    .main_color tr:nth-child(even) {
    background-color: #cccccc;
    }

    thank you

    #692327
    Uros
    Participant

    Hi guys,

    So the problem is: I insert tab and in first tab (amenities) i insert two short codes for 1/2 column. Problem is that the content of the second column is slightly lower then the first one. Like it is lowered for one item.

    what should i do to make it even at top?

    you will understand better what i am talking about if you visit http://www.yugodom.com/accommodation (section amenities)

    #692322

    Hey chasteandswank,

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

    @media only screen and (max-width: 767px) {
    .main_menu .avia-menu, #header_main_alternate {
      display: block !important;
    }
    .av-main-nav > li { display: none; }
    li#menu-item-search {
      display: block!important;
      margin-top: -90px;
      right: 70px;
    }
    .responsive .main_menu {
      float: right;
    }}

    Best regards,
    Vinay

    #692321

    Hey Paul,

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

    #top .av-subnav-menu li a {
        font-size: 14px;
    }
    

    Best regards,
    Yigit

    #692316

    Hi,

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

    .main_color td {
        border-top: 6px solid #e1e1e1!important;
    }
    

    Best regards,
    Vinay

    #692310

    Hi!

    I edited your slider and gave it a custom CSS class and then added following code to functions.php file in Appearance > Editor

    function avia_custom_blurry(){
    ?>
     <script>
    jQuery(window).on('scroll', function () {
        var pixs = jQuery(document).scrollTop()
        pixs = pixs / 100;
        jQuery(".blurry-slider li").css({"-webkit-filter": "blur("+pixs+"px)","filter": "blur("+pixs+"px)" })     
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'avia_custom_blurry');

    Please review your homepage now :)

    Cheers!
    Yigit

Viewing 30 results - 90,121 through 90,150 (of 142,935 total)