Viewing 30 results - 14,191 through 14,220 (of 18,733 total)
  • Author
    Search Results
  • #419093

    In reply to: TAB

    Hi!

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

    @media only screen and (max-width: 767px) {
    .responsive .top_tab .tab.fullsize-tab {
      font-size: 14px !important;
    }
    .tab.active_tab {
    color:red !important;
    }
    }

    Cheers!
    Rikard

    Hi!

    1. Add this to Quick CSS:

    #advanced_menu_toggle:before {
        content: "Menu";
        font-size: 14px;
        color: #009f5e;
        font-weight: bold;
    }
    
    #advanced_menu_toggle {
        border: 0;
        background: transparent !important;
    }

    2. Enable this – http://screencast.com/t/tXm4PiZrt6

    Regards,
    Josue

    #419080

    Hi!

    It is difficult to predict every kind of logo/menu combination. In your particular case, i think the best solution would be to enable the 990px breakpoint here and reduce the font-size + padding of the menu items based on the screen size, something like this in Quick CSS will do it:

    @media only screen and (max-width: 1200px) {
    	.responsive #top #header .av-main-nav > li > a{
    		font-size: 14px !important;
    	}
    }
    
    @media only screen and (max-width: 1100px) {
    	.responsive #top #header .av-main-nav > li > a{
    		font-size: 12px !important;
    		padding: 0 8px;
    	}
    }

    Cheers!
    Josue

    Brutalben
    Participant

    Here is my custom CSS, they were all working until I updated my theme to latest version yesterday:

    @media only screen and min-width 767px{
    .phone-info {
    position:relative;
    top:20px;
    font-size:24px;
    }

    input[name=”post_password”] {
    background:red!important;
    }
    }

    @media only screen and max-width 767px{
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner,.home #av_section_5 .avia-slideshow {
    display:none!important;
    }
    }

    #top #header .social_bookmarks li a {
    font-size:30px;
    line-height:80px;
    min-height:80px;
    width:80px;
    }

    Can you please help me get these working again? Thank you in advance!

    #419009

    Topic: Help Customizing Tabs

    in forum Enfold
    wnow
    Participant

    What is the best/easiest way to style the tabs on pages?

    Here is my tab page http://37c.838.myftpupload.com/cms-no-develop-team-march-22nd/#tab-id-3
    I would like the tab titles to be different font/color:
    1- change highlighted tab text color/size
    2- change tabs title text color of the non selected tabs
    3- change tab content text color/size
    4- selected tab background color

    Hi DROR!

    Please add following code to Quick CSS

    @media only screen and (min-width: 480px) {
    h2.post-title.entry-title {
      font-size: 40px!important;
    }
    .entry-content {
      font-size: 16px;
    }
    }

    Best regards,
    Yigit

    #418965

    In reply to: Contact form font size

    Hey master-t!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top label { font-size: 16px; }
    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { font-size: 16px; }

    Cheers!
    Yigit

    #418902

    Topic: Contact form font size

    in forum Enfold
    master-t
    Participant

    hi,
    (Enfold v3.1.2)

    How can i change contact form font size ?
    (My form properties: Light Transparent w/ Hide Form Labels)

    Thank you.

    #418887

    In reply to: Layout Mega menu

    Hi!

    when you go to Appearance->Menu and open the menu in question, then you can also insert HTML code or shortcodes as menu names. For example you could try something like this:

    [av_font_icon icon='ue811' font='entypo-fontello' size='40px' position='left' color=''][/av_font_icon] 
    

    This shortcode will use an icon from http://fontello.com/. You can choose whatever icon you want and adjust size etc. as needed.

    4.) For what exactly do you need the overlay effect? for hovering over an image? if yes go with this code:

    .image-overlay:hover {
        opacity: 0.5 !important;
    }
    

    and adjust as needed.

    Cheers!
    Andy

    bakbek
    Participant

    Hi, I want to make the post titles bigger and also make the regular font of the posts and across the site (paragraph text) bigger.

    What code should I use?

    The width is fixed if i disable wp cache plugin, but then my site is really slow. Mobile CSS is no longer working, the image and slider that are supposed to be hidden are showing on mobile. Also my social media icons are way smaller than they used to be, they were approx the same size as the phone number on the opposite side. Can you help me fix my custom CSS?

    Here is what I have:

    @media only screen and (max-width: 767px) {
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner{
    display:none !important;
    }
    input[name=”post_password”] {
    background: red !important;
    }
    @media only screen and (max-width: 767px) {
    .home #av_section_5 .avia-slideshow { display: none !important; }
    }
    @media only screen and (min-width: 767px) {
    .phone-info {
    position: relative;
    top: 20px;
    font-size: 24px;
    }
    #top #header .social_bookmarks li a {
    font-size: 30px;
    line-height: 80px;
    min-height: 80px;
    width: 80px;
    }}

    #418782

    Topic: accordion

    in forum Enfold
    gigoz
    Participant

    Hi,

    I was wondering if you could help me with the changing the accordion background colour for the title tabs and the content background and also making the accordion tab text black and bold with 2 font size above the default size. Attached is a screenshot.

    Thanks

    #418751

    Hey!

    2- Please try changing the code to following one

    function transparent_header_scroll(){
    ?>
    <script>
    jQuery(window).scroll(function(){
    if(jQuery(this).scrollTop() > 150) jQuery('#header_meta').addClass('remove-header');
    if(jQuery(this).scrollTop() < 150) jQuery('#header_meta').removeClass('remove-header');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'transparent_header_scroll');

    and then add following code to Quick CSS

    .remove-header { display: none; }

    3-

    #header_meta .container {
      min-height: 45px;
    }
    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
      padding-top: 135px;
    }
    #header_meta .container {
      padding: 10px;
    }
    .phone-info {
      font-size: 20px;
    }

    Cheers!
    Yigit

    #418741

    In reply to: animated countdown

    Hi!

    That should not happen. Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
    .responsive .av-countdown-time {
      font-size: 16px !important;
    }}

    If that does not help, please post the link to your website when you launch it and we will look into it :)

    Cheers!
    Yigit

    #418682

    Hey!

    Please add following code to Quick CSS as well

    .entry-content-wrapper div li {
      font-size: xx-large;
      line-height: normal;
    }

    Regards,
    Yigit

    #418368

    Hey!
    I reducing the font size more like your said:
    @media only screen and (max-width: 320px) {
    .avia-inner-caption * {
    font-size: 7px !important;
    }
    }

    And its work!!!! Thanks!
    you can see here: http://prntscr.com/6lhlgj

    you are genius!
    thanks!!!!

    Its something to do with my quick CSS area, if I remove the text there the site restores to full width. Heres what I have there:

    @media only screen and (max-width: 767px) {
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner{
    display:none !important;
    }
    input[name=”post_password”] {
    background: red !important;
    }
    @media only screen and (max-width: 767px) {
    .home #av_section_5 .avia-slideshow { display: none !important; }
    }
    @media only screen and (min-width: 767px) {
    .phone-info {
    position: relative;
    top: 20px;
    font-size: 24px;
    }
    #top #header .social_bookmarks li a {
    font-size: 30px;
    line-height: 80px;
    min-height: 80px;
    width: 80px;
    }}

    Can these be updated to work with the newest version of your theme while still having these CSS benefits? Thanks!

    Hey ar13860!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab if you would like to add text next to icon

    li#menu-item-search a:after {
      content: ' Your text';
      font-size: 13px;
    }

    If you would like to add a link instead, please see – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Yigit

    Hi Jan!

    Try adding this to your custom CSS.

    @media (max-width:500px) {
    .avia-slideshow .avia-caption .avia-caption-title { font-size: 12px !important; }
    }

    Best regards,
    Elliott

    saremcdee
    Participant

    Hi there,

    I’m looking for a way to achieve something that looks like this on my enfold galleries (both masonry and the regular gallery):

    In the example, the gallery image shows first then when the mouse hovers, it goes to a solid colour with a text overlay,

    I’ve been able to get to this point using CSS:

    The problem with mine is that the solid colour shows FIRST then the image shows when you hover. I want to reverse this. Also I’ve no idea how to get the text to show on the solid colour. I also want to ensure that I can align the text as in the example, i.e left aligned, bold and regular fonts etc.

    This is the CSS I’ve used to do the above. If someone could please show me what’s wrong? Thank you :)

    .av-masonry-entry:before {
    content: attr(title);
    background: #f0211a;
    position: absolute;
    width: 97%;
    height: 96.2%;
    z-index: 1000;
    text-align: center;
    line-height: 180px;
    opacity: 10;
    font-weight: bold;
    font-size: 24px;
    }
    .av-masonry-entry:hover:before {
    opacity: 0.0;
    }

    .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
    position: absolute; bottom: 40%; text-align: center;
    }

    .main_color .container .av-inner-masonry-content {
    background-color: rgba(0, 0, 0, 0.0);
    }

    .main_color .av-inner-masonry-content {
    background-color: rgba(0, 0, 0, 0.0);
    }

    .main_color .container .av-masonry-entry .avia-arrow {
    background-color: rgba(0, 0, 0, 0.0);
    }

    .main_color .avia-arrow {
    background-color: rgba(0, 0, 0, 0.0);
    }

    .av-masonry-entry .av-masonry-entry-title {
    color: #fff; font-size: ;
    }

    #417946

    Hey decode!

    Please add following code to Quick CSS

    a#advanced_menu_toggle:after {
    content: ' Menu';
    font-size: 12px;
    }

    Regards,
    Yigit

    #417877

    Hi!

    Please remove the codes we posted and go to Enfold/config-templatebuilder/avia-shortcodes and open slideshow.php file and find

    $html .= "<a href='#next-section' title='' class='scroll-down-link' ". av_icon_string( 'scrolldown' ). "></a>";

    and change it to

    $html .= "<span class='scroll-down-text'>Scroll down</span><a href='#next-section' title='' class='scroll-down-link' ". av_icon_string( 'scrolldown' ). "></a>";

    then add following code to Quick CSS

    span.scroll-down-text {
      height: 60px;
      width: 80px;
      margin: 0px 0 0 -40px;
      position: absolute;
      left: 50%;
      bottom: 0px;
      color: #FFF;
      text-align: center;
      font-size: 20px;
      z-index: 100;
      text-decoration: none;
    }

    Regards,
    Yigit

    #417818

    Hi!

    Well you could try reducing the font size more. What are you trying to make it look like? Are you just wanting to hide it on iPhones?

    Best regards,
    Elliott

    • This reply was modified 11 years ago by Elliott.
    #417743

    Hi Rikard,

    Thanks for your reply! Unfortunately I am back with this issue – when I adjust the ‘Main Menu Links’ font size in the Enfold Child advanced settings, it only adjusts the line spacing of the menu links. The actual words that form the menu links themselves remain the same (16px) size. I have repeated all the above steps – deactivate plugins, clear cache etc but I still cannot adjust the size of the main menu links.

    When I applied the theme update this morning it obviously removed the CSS addition I had made (mentioned in my first post). No problem – I can reenter it, but I’m still concerned that something is preventing me from being able to change the font size in the way that I want! I’m wondering if this is a bug? Or something wrong still at my end? My site is pretty simple so wondering where else could the problem originate?

    Thanks again, yours, a puzzled user!

    Joe

    #417713

    Hey danbooth!

    Thank you for coming back.

    Use the following and adjust the values:

    
    #footer .social_widget_icon {
        border-radius: 20px !important;
        font-size: 25px !important;
        height: 40px !important;
        padding-top: 4px !important;
        width: 40px !important;
    }
    

    Cheers!
    Günter

    #417675
    danbooth
    Participant

    I’m struggling to increase the size of the social media icons in the #socket.

    I want to make the icons bigger and the circle that surrounds.

    What’s the correct CSS to use?

    I’ve tried various things such as:

    #socket .social-bookmarks a {
    width: 50px !important;
    height: 50px !important;
    font-size: 18px !important;
    }

    I can’t figure out which elements the sizing should be applied to.

    Any help much appreciated.

    #417644

    In reply to: TAB

    This reply has been marked as private.

    Hi!

    There’s a double space between tabref and tab. It should be:

    .tabref .tab {
      padding: 12px 0 14px 0 !important;
      width: 25.1%;
      font-size: 14px;
      text-align: center;
      min-height: 50px;
    }

    Best regards,
    Ismael

    #417454
    macmonkeymark
    Participant

    Having settled on Enfold, and being deeply impressed with the features and support, I’ve rebuilt my site ready for a relaunch and couldn’t be happier. But I’m at that tweaking stage, so expect me to be here a lot as I tweak and hone.

    My first question is regarding masonry headings. I have different masonry blocks on the homepage, each one showing different numbers of columns. I need the option to individually style the heading font size for each one. Is this possible?

    Better still and what I would love your help to achieve: I want the images to be 100% opacity, with the title centred inside it with a dark outer glow. When hovering, the image fades to say 70%, the excerpt appears below the title and all text is centred within the image. And when on mobile, just the title appears centred in a slightly transparent box, which is pretty much what happens anyway.

    A simpler variation would be to centralise the title in a box with transparency behind it, and then hovering brings the excerpt in and centres the whole lot with the image with opacity.

    Are any of these possible?

    Thanks in advance.

    #417450

    Hi, Yigit,

    I need to make this element “clickable” and to perform as a button, (with the link):

    [av_heading tag='h3' padding='0' heading='Traders' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#444444' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

    There are three of them in the homepage. Where should I put the code you mention within this code above?

    Regards,

    Newton.

Viewing 30 results - 14,191 through 14,220 (of 18,733 total)