Viewing 30 results - 17,161 through 17,190 (of 18,727 total)
  • Author
    Search Results
  • #225542

    Hi Ismael,

    I am doing my best, but since it is not working properly it is a difficult task. ;-)

    I have setup a new post for you, named ‘test‘. The code I have in there is this (header – testimonial – 2 dividers – header – divider – testimonial – 2 dividers – header):

    [av_heading heading='Overpopulation is not a myth' tag='h5' color='meta-heading' custom_font='' style='' size='' subheading_active='' subheading_size='15' padding='10'][/av_heading]
    … some Testimonial …
    [av_hr class='invisible' height='50' shadow='no-shadow' position='center']
    [av_hr class='invisible' height='200' shadow='no-shadow' position=‚center'] ##==> ‘200’ shouldn’t be necessary
    [av_heading heading='The real question of overpopulation on planet Earth' tag='h5' color='meta-heading' custom_font='' style='' size='' subheading_active='' subheading_size='15' padding=’10'][/av_heading] ##==> this header is not visible at all
    [av_hr class='invisible' height='200' shadow='no-shadow' position=‚center'] ## ==> ‘200’ shouldn’t be necessary
    … some Testimonial …
    [av_hr class='invisible' height='200' shadow='no-shadow' position=‚center'] ##==> ‘200’ shouldn’t be necessary
    [av_hr class='short' height='80' shadow='no-shadow' position=‚center'] ##==> ’80’ shouldn’t be necessary
    [av_heading heading='Interesting Stuff' tag='h3' color='meta-heading' custom_font='' style='blockquote modern-quote modern-centered' size='' subheading_active='subheading_below' subheading_size='14' padding='10']
    Unique ideas, interesting correlations and findings from interdisciplinary fields will find their way into this section.
    [/av_heading]

    Only with this extra-spacing I get a result that on a screen is somehow acceptable. However, the header in the middle [The real question of overpopulation…] is still not visible. A screenshot how it looks like can be found here: http://futuretalks.net/?p=582
    If I add even more spacing, like 50 + 400 instead of 50 + 200 in the first two dividers, it happens that the missing header now does appear. – However with big spaces inbetween, and it doesn’t look great. A screenshot can be found here: http://futuretalks.net/?p=583

    And I am not even how ridiculous it looks on a tablet.

    *****
    I have noticed on several posts by now, that Enfold seems to have an issue with the combination of Testimonials, Dividers and Headers.

    Do you understand the issue now? Can that be helped?
    Thanks for your support.
    ~ Katrin

    #225516

    Hey oliviad!

    Please give us a link to the actual website. You can use media queries to adjust the size of the caption on smaller screen sizes.

    @media only screen and (max-width: 767px) {
    .avia-caption-content {
    font-size: 11px;
    }
    
    .avia-caption-title {
    font-size: 14px;
    line-height: 14px;
    }
    }

    Best regards,
    Ismael

    #225427
    This reply has been marked as private.
    #225349

    In reply to: rel="prettyPhoto"

    Hi!

    Try putting the button in HTML format instead of using a shortcode:
    <div class="avia-button-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling EMR4"><a href="http://www.xxxx.com?iframe=true&width=100%&height=100%" class="avia-button avia-icon_select-no avia-color-blue avia-size-small avia-position-center " rel="prettyPhoto[iframes]"><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">95%</span></a></div>

    Best regards,
    Josue

    #225288

    Topic: rel="prettyPhoto"

    in forum Enfold
    CloudChoice
    Participant

    HI,

    I would like to use the attribute rel=”prettyPhoto[iframes]” inside a button, to call a link in the pretyphoto window.

    I trying several codes like:

    [av_button label=’95%’ link=’manually,http://www.xxxx.com?iframe=true&width=100%&height=100%,rel=”prettyPhoto[iframes]”&#8216; link_target=” color=’blue’ custom_bg=’#444444′ custom_font=’#ffffff’ size=’small’ position=’center’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’ custom_class=’EMR4′]

    BUT no success. How can I do this?

    THANKS

    noble51
    Participant

    This is what I’d like to see if it can be done: Screen Capture here: https://app.box.com/s/mj89fbyfl8ohg4plizej

    I’m using the Short Code to add a Icon as a Bullet Point – like a Check Mark or a Feather as seen here:
    http://ng-sandbox.com/warren/hr-management-system-hrms/
    or here:
    http://ng-sandbox.com/warren/

    How can I make the line IF it rolls to the second line tab over so it does not look odd like in screen capture?

    Here is the code I used to do that:

    [av_font_icon color="#a81010" font="entypo-fontello" icon="ue837" size="20px" position="left" link="" linktarget=""]Ensure government compliance, .simplify benefits administration and manage employee information. By automating and organizing human resource processes, Sage HRMS eliminates time-consuming clerical work and provides powerful tools for managing information about employees.
    [av_font_icon color="#a81010" font="entypo-fontello" icon="ue837" size="20px" position="left" link="" linktarget=""]Offer Benefits management capabilities that will streamline benefits administration with unlimited benefit plans, easily defined eligibility criteria, and more.
    [av_font_icon color="#a81010" font="entypo-fontello" icon="ue837" size="20px" position="left" link="" linktarget=""]Allow employees to access and edit their personal information. This can significantly reduce the amount of time HR spends on routine paperwork and decrease the likelihood of clerical errors.

    Is there a way to format this nicer?

    Thanks in advance

    Paul

    #225229

    I do have it in the CSS area – I fear none of my CSS is working in that area.

    I had put some Header Tag sizes last week and those did not seem to effect site either.

    I also have made some other changes to font colors that did not seem to result in changes in the footer.

    I made the gray font in the footer a lighter color – but it did not change to a more visible color on the dark gray.

    See footer here: http://ng-sandbox.com/warren/

    But as far as that padding CSS see screen capture to show that the CSS is in the Custom CSS area but it is not working.

    https://app.box.com/s/fk1ytyxne4g2mg7jq3mv

    Would giving you PRIVATE access to my WordPress area help?

    #225201

    Hey!

    1- Not all hover states are defined in theme options. You can always post your questions to us
    2-Please add following code to Quick CSS as well

    .main_menu ul:first-child > li > a { font-size: 18px; }

    Best regards,
    Yigit

    #225196

    In reply to: Style toggle titles

    Hey meridianwest!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .main_color .toggler { color: #197b8c ; font-size: 15px; }

    Cheers!
    Yigit

    #225091
    This reply has been marked as private.
    #224861
    This reply has been marked as private.
    #224799

    Hey AdDesign!

    You can add this on Quick CSS or custom.css:

    #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont {
    font-size: 25px;
    }

    Change the color using this:

    .header_color .main_menu ul:first-child > #menu-item-search > a {
    color: red;
    }

    Best regards,
    Ismael

    #224774

    Hey!

    Generate the icon using the insert shortcode wand. You can find it under Content Elements panel then get the actual html using google chrome’s inspect element. Place the generated html code on the small info text field. It should look like this:

    <span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:15px;line-height:15px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>
    

    Cheers!
    Ismael

    #224636
    This reply has been marked as private.
    #224579
    media3technology
    Participant

    Wordpress 3.8.1
    Enfold 2.4.5
    http://longislandteacher.com/cmxprocess_v2

    Great theme, thanks.
    Would like to modify main menu so it spans the entire page width. I’m hoping there is a simple addition to the custom CSS that would accomplish this. I’ve made other adjustments to the menu background, font color, etc., so the custom CSS under the style tab is as follows:

    .header_color .main_menu ul:first-child > li > a { color: #FFFFFF; background-color: #F67736; width:205px; } /* color of main menu items */
    .header_color .main_menu ul:first-child > li a:hover { color: #000000; } /* hover state of main menu items */
    .header_color .main_menu ul:first-child > li.current-menu-item > a,
    .header_color .main_menu ul:first-child > li.current_page_item > a { color: #000000; } /* color of active menu item */
    .main_menu .menu li a strong {
    display:block;
    font-size:12px;
    font-weight:normal;
    cursor: pointer;
    text-align: center; }
    #header_meta { display: none; }

    .content, .sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
    }

    .main_menu ul:first-child > li > a{
    display:block;
    text-decoration: none;
    padding:0 13px;
    font-weight: normal;
    font-size:12px;
    font-weight: 600;
    text-align:center;
    }

    .avia-section-large .content, .avia-section-large .sidebar {
    padding-top: 70px;
    padding-bottom: 50px;
    }
    .breadcrumbs { display: none; }

    .title_container .main-title {
    margin: 0;
    font-size: 30px;
    font-style: italic;
    color: orange;
    position: relative;
    z-index: 2;
    min-height: 36px;
    line-height: 2.3em;
    top: 0;
    font-weight: 400;
    }
    #top .alternate_color.title_container .main-title a { color:#f05a1a; }

    #224109
    sere
    Participant

    Hi
    I update enfold theme in my web site, and i have some problem. I ad this code to custm css, to show portfolio item in 5 columns with white margine between them. If I’m logged I show the porfolio in a right way, but if I’m not logged I show portfolio with four columns without margin.

    `.avia-icon-list .iconlist_title { font-size: 14px; }
    .main_color .iconlist_content { font-size: 11px; line-height:12px;}
    .avia-icon-list li { padding: 0 0 4px 0; }

    .avia-icon-list .iconlist_icon{height:40px; width:25px; line-height: 30px; font-size: 15px; text-align: center; border-radius: 250px; position: relative; float:left; margin-right:15px; margin-left:1px; z-index: 5; border-style:solid; border-width:1px; color:#fff;}

    #header_meta { display: none!important; }

    .js_active .tab {
    font-size: 110%;
    background-color:#FFF;
    }

    .title_container{
    background-color:#dedcdb;
    }

    #top div .avia-gallery img {
    padding: 0;
    margin-top: 25px;
    padding-right: 8px;
    margin-bottom: 10px;
    border: none;
    }

    .grid-entry-title {
    font-size: 14px;
    color: #000!important;
    font-weight:bold;
    }

    .social_bookmarks .rss { display: none; }

    I try to disactive the plugin but the problem there is the same

    the site is
    http://www.caimorbegno.org

    #224062

    In reply to: Header adjustments

    I’ve done it but it doesn’t seem to have made any difference. This is all the code I have in…

    #header_main .container, #avia-menu a {
    height: 143px !important;
    line-height: 143px !important;

    -webkit-transition: all linear 0.2s;
    -moz-transiton: all linear 0.2s;
    transition: all linear 0.2s;
    }
    .header-scrolled #header_main .container, .header-scrolled #avia-menu a {
    height: 80px !important;
    line-height: 80px !important;
    }
    #header_main img, #header_main .logo, #header_main .logo a{
    width: 252px !important;
    height: auto !important;
    max-height: none !important;
    max-width: none !important;

    -webkit-transition: all linear 0.2s;
    -moz-transiton: all linear 0.2s;
    transition: all linear 0.2s;
    }
    .header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
    width: 126px !important;
    height: auto !important;
    }
    .sub_menu { font-size: 16px; } /* changes the font size of sub menu */
    .fixed_header.social_header #main { padding-top: 174px; }
    .main_menu ul:first-child > li > a { line-height: 190px !important; }

    #224031

    In reply to: Header adjustments

    Hi!

    Please add following code to Quick CSS as well

    .sub_menu { font-size: 16px; } /* changes the font size of sub menu */
    .fixed_header.social_header #main { padding-top: 174px; }
    #header_main .container, #avia-menu a { line-height: 190px !important; }

    Copy category URL and go to Appearance > Menus and add it as a new link with # for URL so they will not be clickable http://i.imgur.com/9I3QF9j.jpg
    Not sure if i understood "Tighten up the leading in the dropdown menus (e.g. Why Choose Us) to the default." clearly. Please elaborate.

    Regards,
    Yigit

    #224007

    In reply to: Reduce font-size

    Hi Ismael,
    So good, so fast, thanks a lot.

    Regards Intosuwo

    #223989

    In reply to: Reduce font-size

    Hey intosuwo!

    Please use this:

    .toggle_content {
    font-size: 12px !important;
    }
    
    .js_active .toggler {
    font-size: 12px;
    }

    Cheers!
    Ismael

    #223921

    Topic: Reduce font-size

    in forum Enfold
    intosuwo
    Participant

    Hi,
    I want to reduce the font-size on the tabs an toggle to 12px; I tried a lot of things in my custom css but i can’t recieve what i want.
    The only thing that works now is an inline style, but there must be a better way i think.

    #223881

    Topic: Header adjustments

    in forum Enfold
    creativeyes
    Participant

    I’ve recently purchase the enfold theme again and I’m just starting to develop this site http://www.test.theimplantcentre.com/. (login password to follow)

    In an effort to enlarge the logo I’ve added in some code you supplied for the previous site but it’s not quite right. I few things I’m looking to sort out and would really appreciate your help:

    – Double the size of the font in the top header (Patient site & Dentist site)
    – Move the main menu (Home, Why Choose Us etc.) down so that it sits 1/4 of the way up from the bottom of its white panel
    – Drop the page name and breadcrumbs down so they sit neatly below the header panel.
    – Tighten up the leading in the dropdown menus (e.g. Why Choose Us) to the default.
    – Make the column headings under ‘Treatments’ and ‘Care & Costs’ NOT clickable (like the http://kriesi.at/themes/enfold/) and the dark blue #0e2f61

    I think that’s it for the moment.
    Many thanks
    Rupert

    #223784

    In reply to: Title Attribute

    Hey Andrea!

    You can actually add html codes on the navigation label. Go to Appearance > Menus then edit the menu item label, add something like this:

    Community<span class="descmenu">Senior Retirement</span>
    

    Add this on Quick CSS:

    .descmenu {
    position: absolute;
    bottom: -20px;
    left: 13px;
    width: 200px;
    font-size: 10px;
    }

    Regards,
    Ismael

    #223776

    In reply to: Site Search Options

    This reply has been marked as private.
    #223734
    tlow87
    Participant

    I’m having an issue with using the Team Member in combination with a hover element.

    Page: http://carveskateshop.us/team/

    Code:
    .avia-team-member{margin:30px 0; clear:both;}

    .team-member-name{margin-top:20px;}

    .team-member-job-title{margin-top:-7px; font-size: 10px; }

    .team-social a{text-decoration: none; position: relative; border-radius: 30px; padding: 0 16px; background: #fff;margin: 3px; display: inline-block; height:53px; line-height:54px; width:53px; }

    .team-img-container{ position: relative; overflow: hidden; border-radius: 3px; text-align: center;}

    .team-img-container img{ display:block; margin:0 auto; }

    .avia-team-member .team-social{
    border: 7px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size:100px;
    background: #fff;
    background: rgba(153, 7, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    top:0; left:0; right:0; bottom:0;
    text-align: center;
    border-radius:350px;
    }

    .team-social-inner{
    width:100%;
    padding:0 5%;
    position: absolute;
    top:50%;
    margin-top:-26px;
    left:-20px;

    }

    .team-img-container:hover .team-social {
    visibility: visible;
    background-clip: padding-box;
    opacity: 1;
    height: 90%;
    margin: 4%;
    overflow: hidden;
    padding: 4.5%;
    width: 90%;
    -moz-transition: background-image 200ms ease-out;
    -o-transition: background-image 200ms ease-out;
    -webkit-transition: background-image 200ms ease-out;
    transition: background-image 200ms ease-out
    -moz-transform: 1s;
    -ms-transform: 1s;
    -o-transform: 1s;
    -webkit-transform: 1s;
    transform: 1s

    }

    .avia-tooltip{
    position: absolute;
    z-index: 9999999;
    padding:12px;
    margin-top:-18px;
    margin-left: -4px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color:#fff;
    width:140px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 18px;
    text-align: center;
    }

    .avia-tooltip .avia-arrow{
    background: rgba(0, 0, 0, 0.8);
    border:none;
    }

    .avia-tooltip .avia-arrow-wrap{
    width:20px;
    height:20px;
    position: absolute;
    bottom:-20px;
    left:50%;
    margin-left:-7px;
    overflow: hidden;
    }

    • This topic was modified 12 years, 1 month ago by tlow87.
    #223691

    thx ;-) by the way – great theme, superb support!

    • This reply was modified 12 years, 1 month ago by melonmelon.
    #223646

    Hi!

    No, there isn’t a single list for everything. You can do this as a baseline:

    html,body,a {
      font-size: 100% !important;
    }

    But it will cause you still need more adjustments after for headings, icon fonts in some places which are already over 100%. In this case there isn’t a one-step fix and it will need individual adjustment depending the font/font-size you need to adjust to.

    Regards,
    Devin

    #223590

    sorry I know how to change the body font-size – but this is not the solution I was asking for – if you just change the body font-size some other .classes are NOT affected – e.g. the menu….

    The issue is that I’m using the font “Cutive mono” which is relatively small and therefor I want to increase the font-size of ALL elements

    Of course I could find out the classes of all elements but due to the complexity of the enfold css you get hundreds of different classes using firebug.

    Is there a list of all classes wihich define a specific font size?

    • This reply was modified 12 years, 1 month ago by melonmelon.
    #223431

    Hi hermelina!

    In WordPress dashboard, please go to Enfold theme options > Styling tab and scroll to the bottom of the page and add following code to Quick CSS section

    .title_container .breadcrumb { display: none; }
    #top .alternate_color.title_container .main-title a {
    color: red; }
    .title_container .main-title { font-size: 22px; }

    and adjust as needed. You can use Hex value for text color

    Best regards,
    Yigit

    #223377
Viewing 30 results - 17,161 through 17,190 (of 18,727 total)