Viewing 30 results - 13,201 through 13,230 (of 18,736 total)
  • Author
    Search Results
  • Hi,

    It’s working but one of your other modifications is overriding unfortunately:

    @media only screen and (max-width: 1110px) {
    #top #header .av-main-nav > li > a {
      font-size: 11px !important;
    }
    }

    So I changed it to this and commented out your old code:

    @media only screen and (max-width: 1110px) {
    #avia-menu li a span.avia-menu-text {
    font-size:11px !important;
    }
    }

    Regards,
    Rikard

    #487547

    Hi,

    1. Please try the following in Quick CSS:

    @media only screen and (max-width: 767px) {
    #av_section_6 .av-icon-char {
        font-size: 20px !important;
        line-height: 20px !important;
        width: 20px !important;
    }
    
    #av_section_6 .av_one_fifth {
        width: 15.2% !important;
    }
    }

    2. Add the following CSS as well:

    @media only screen and (max-width: 767px) {
    #av_section_4 .avia-builder-el-last {
        padding: 40px 50px 50px 50px !important;
    }
    }

    3. I couldn’t see anything misaligned in the footer, could you send us a screenshot please?

    4. Add the following CSS as well:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .responsive #top .slideshow_caption h2 {
        font-size: 30px !important;
    }
    .responsive #top .slideshow_caption .avia-caption-content {
        font-size: 18px !important;
    }
    }

    Thanks,
    Rikard

    • This reply was modified 10 years, 7 months ago by Rikard.
    #487386

    Topic: A few questions

    in forum Enfold
    thecszone
    Participant

    Hi,
    I have a few final questions to finish up my site.
    How do I –
    1. Change the width of the underline that appears under the main menu item? I realize it adjusts to the font size of the menu item, but I suspect there is padding on the sides and this is what I want to reduce.
    2. Lessen the space between widgets on my main sidebar? See image below called sidebar.jpg
    3. When I use tabs on a page, when the page loads, the first tab is always open and displays the content. This is great on the desktop version, but on smaller mobile versions, I don’t want the first tab content to display, just the tabs. How can I modify this?
    4. I have a bottom border on the header, but on mobile, two lines display above the slider. I realize one of these is my header border, but how do I get rid of the other line? And how do I move the slider up so there is no space between the header and the slider? See image below called screenshot.

    #487379

    In reply to: Drop down area size

    Hey Derrick!

    You can use the below css as an example:

    #top #header .mega_menu_title a {
        font-size: 12px !important;
    }
    
    #top #header .avia_mega_div > .sub-menu {
        padding: 20px 30px 0px !important;
    }

    You can adjust the font size and width to your liking, but it appears that you are using a mega menu instead of a basic drop down list.

    May we have temporary access to your website if you’re having issues achieving the look that you want?

    Regards,
    Dake

    #487320

    Hey!

    Try this out instead.

    .iconbox_top .iconbox_icon {
      font-size: 40px;
      padding: 20px 25px 20px 15px !important;
    }

    Best regards,
    Elliott

    #487268

    That’s great, Yigit – just as I wanted it.

    Is there a way to style the sub menu? I need a larger font for the tabs?
    How do I create mega menus in the sub menu?

    This is what I added in quick .css for the main menu re. font size:
    .main_menu ul:first-child > li > a {
    font-size: 16px;
    }
    .sub-menu .avia-menu-text {font-size: 14px ;}

    Thanks a lot,
    Susanne

    #487191

    Just got inline – link below:

    See homepage.

    Line 14 child css:

    .iconbox_top .iconbox_icon {font-size: 40px; padding: 20px!important;}

    icons off center.

    #487051

    In reply to: Portfolio Hover

    Hey Yigit,

    thank you so much for your response, but it seems that you didn’t see the introducing two lines:

    I need that behaviour for HOVER and not for standard display as it is now.
    So when HOVERING with the mouse that box should appear.

    And how do I influence box size?
    Isn’t opacity in my understanding a complete different option for the
    the density of color of the box? So why should I delete it for the font-size?
    It works perfectly side by side :-)

    Best Stephan

    Hi,

    Please try the following instead:

    @media only screen and (max-width: 990px) {
    #menu-item-search a {
    font-size:22px !important;
    }
    }

    Best regards,
    Rikard

    #486913

    Hey!

    Why did you set it as mega menu? If you only need a drop down, please disable the mega menu option. Or use this in the Quick CSS field to adjust the font size of the mega menu title:

    #top #header .mega_menu_title a {
      font-size: 12px;
      line-height: 1.1em;
    }

    Regards,
    Ismael

    #486905
    fineart
    Participant

    Hi guys
    Q1 right aligned Caption Text jumps to the left on mobile devices? link in private
    I’ve tried searching for general Text Size responsiveness for Mobile devices
    Q2 could you please advise CSS code to reduce text size for mobile
    Q3 would you advise using Code Snippet for the CSS as it appears to be a great way to label and organise code?
    FYI have pasted all ccs code to avoid overlap or conflict issues:

    ..content, .sidebar {
    padding: 0px 0px 0px 0px;
    }

    @media only screen and (max-width: 480px) {
    .avia-caption-content p {
    font-size: 12px;
    }}

    .single-portfolio .page-thumb{
    display: none;
    }
    .avia_transform .avia_animated_image {
    opacity: 1;
    margin: auto;
    }

    .scroll-down-link { color: #800000 !important; }

    .main_color .toggler {
    color: #800000 ; font-size: 15px; !important;
    }

    .toggler { text-align: center !important; }

    .av_promobox { margin: 6px 0; padding-left:10px; padding-right: 10px; padding: 10px !important;
    }

    .first-custom-text h5 { text-align: center; font-size: 20px; color: #808080; padding-top: 5px; }
    .second-custom-text h1 { text-align: center; color: #af2323; font-size: 65px; font-family: tangerine; padding-top: 5px; }
    @media only screen and (max-width: 678px) {
    .second-custom-text h1 { font-size: 35px; }}
    .avia-content-slider .slide-meta { display: none; }

    .av-masonry-entry .av-inner-masonry-content {
    padding: 7px;
    }

    .av-portfoliogrid-entry .av-inner–content {
    padding: 7px;
    }
    .av-masonry-entry .av-inner-masonry-content {
    text-align: center;
    opacity: 0.5 !important;
    }
    .av-masonry-entry:hover .av-inner-masonry-content{
    opacity: 0.5 !important;
    }

    @media only screen and (max-width: 767px) {
    .av-inner-masonry-content{
    display:none !important;
    }

    .slide-content {
    background: #fff;
    padding: 3 px;
    }

    Thanks
    Chris

    #486766

    Hey!

    Please add the below css to your custom css section:

    @media only screen and (max-width : 440px) {
    .avia-slideshow .avia-caption .avia-caption-title {
        font-size: 20px !important;
    }
    }

    Best regards,
    Dake

    #486666

    In reply to: Google fonts

    Hey Charlotte!

    Yes we use google fonts but that wouldn’t effect the site speed. You have 20MB worth of images loading on your homepage which is way too much. I advise splitting those images into separate pages and cropping / scaling them to reduce their file size.

    You also have a lot of external scripts loading which are most likely from plugins so it would be best to deactivate any plugins your not using.

    Best regards,
    Elliott

    • This reply was modified 10 years, 7 months ago by Elliott.
    #486584
    idespiran
    Participant

    Hopefully this is a Quickfix – I did increase the fontsize on the menu – but then I got a problem whith the menu… I have tried everything I know – but with no luck – Please help me? You can see this problem here.

    Let me know if you need a login…

    #486569

    Yigit, it’s only changing colours but the font size is too big. I am choosing the smallest font that is 10px but it is still showing large. And main menu colour is not changing.

    #486564

    Guenni007, header is there now but I can’t change its font colour and drop down menu font size and style.

    #486554
    xa1970
    Participant

    Hi, I need to change my header font color and also drop down menu font size in Enfold. How should I do it?

    #486537

    Hey MichaelAlbany!

    You can edit button element and change buttons size and change colors in color tab. If you would like to apply custom class, please turn on CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your button element a custom class and then add following code to Quick CSS in Enfold theme options

    .custom-class * { font-size: 20px; }

    Best regards,
    Yigit

    #486503

    In reply to: font-family accordion

    So I used a CSS code to change the font-family of the toggle content. This worked for all the toggle titles:
    .toggler { font-size: 14px; font-family: open sans; }

    For the content I used this:
    .toggle_content { font-family: open sans; } but it only changes the content of my first toggle, the other ones don’t change…

    #486471

    if you like to use the normal site title and site description :

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
    	$sub .= get_bloginfo( 'name', 'display' );
    	$sub .= "<br><i>";
    	$sub .= get_bloginfo( 'description', 'display' );
            $sub .= "</i>";
    	return $sub;
    }

    the <i> option is to have the possibility to style site-name and description in different manners

    e.g:

    .logo .subtext {
        font-size: 28px;
        position: relative;
        top: 30px;
    }
    
    .logo i {
        font-size: 14px;
    }
    
    .logo > a {
        text-decoration: none;
    }
    
    .logo a {
    line-height: 20px;
    }
    
    .responsive #top .logo {
        display: block;
        height: 120px !important
    }
    
    .responsive .logo a {
        display: block
    }
    • This reply was modified 10 years, 7 months ago by Guenni007.
    #486407

    Applying the $content = apply_filters( ‘the_content’, $content ); filter wraps the shorttags inside p tags,
    so the filter is somehow recognized, but the enfold themes’ custom filters are not executed, am i seeing this right?
    Do you know why this is? Or maybe is there another way to convert the shorttags?

    <p>[av_section min_height=’100′ min_height_px=’900px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=” src=’http://neues.meerdesguten.com/wp-content/uploads/2015/02/startseite_gda_bg_150716_fz.jpg’ attachment=’2233′ attachment_size=’full’ attach=’parallax’ position=’center center’ repeat=’stretch’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” custom_class=’mdg_post’]<br>
    [av_icon_box position=’left’ boxed=” icon=’ue84a’ font=’entypo-fontello’ title=’NOMINEE’ link=” linktarget=” linkelement=” font_color=’custom’ custom_title=’#647c89′ custom_content=’#ffffff’ color=” custom_bg=” custom_font=” custom_border=” custom_class=’mdg_category’][/av_icon_box]</p>

    • This reply was modified 10 years, 7 months ago by meergut.
    #486385

    In reply to: Portfolio Hover

    Hey!

    Please remove “opacity: 1 !important; ” line from Elliott’s code and then add following one

    .av-inner-masonry-content-pos * {
        font-size: 14px!important;
    }

    Cheers!
    Yigit

    #486338
    LA_BREVA
    Participant

    Hello, I ‘m using the Enfold standard Contactform.
    I fill the form on frontend and send it. Then I get a Email with the information from the form.
    I would like to Know how can I change the layout of the incoming email.
    Space between lines, font size and so on. Any whay to change this incoming email Layout ?
    Will be already engough if I could make a empty line between the single line.(</br></br> )
    so is better to read
    Thank You

    #486327

    In reply to: Portfolio Hover

    HI Elliott,

    that looks great in result – BUT WE HAVE TO FIX IT ONLY FOR HOVER.
    And can you tell me where this box takes it size from – is it the font-size of main text?
    The font-size seems different from font-size of body content.
    Where do I influence that?

    Thanks in advance.

    Best Stephan

    #486298

    Hey Aline!

    Thank you for using Enfold.

    You can add html codes in the Message Sent label field. Example:

    Your message has been sent! <img src="IMAGE URL HERE" />
    

    Use this in the Quick CSS field to adjust the font size:

    .avia-form-success {
        font-size: 12px;
    }

    Regards,
    Ismael

    #486293

    In reply to: Easy Slider text size

    Hi!

    The caption text is set to 12px when the screen size is lower than 480px. On what kind of mobile device are you testing this? You can try this:

    @media only screen and (max-width: 768px) {
    .avia-caption-content p {
        font-size: 12px !important;
    }}

    If your phone has a retina display, try this css media queries: https://css-tricks.com/snippets/css/retina-display-media-query/

    Best regards,
    Ismael

    #486204

    Topic: Code Block problem

    in forum Enfold
    laptophobo
    Participant

    When I use a script in Code Block (or in Text or as a Widget) on the page listed (in Private Content, below), the output is not formatted correctly. The font sizes and display is askew. It appears to be something with the Enfold theme.

    I’ve placed the same script in another of my Enfold installations, getting the same result.

    But, when I place the script in a non-Enfold theme, the output is formatted correctly and is fine.

    It appears to be something within the Enfold style configuration. Perhaps you can help me figure it out?

    I found the code.

    .main_color tr:nth-child(1) {
    background: white;
    }

    Is there a code to change the font size or weight?

    #486168

    In reply to: bold type contact form

    Hi!

    Drag a codeblock element to your page and add this inside.

    <style type = "text/css">
    .caps {
      color: black !important;
      font-size: 12px !important;
      font-weight: bold !important;
    }
    </style>

    Cheers!
    Elliott

    #486071

    In reply to: bold type contact form

    Hey!

    Add this.

    .caps {
      color: black !important;
      font-size: 12px !important;
      font-weight: bold !important;
    }

    Best regards,
    Elliott

Viewing 30 results - 13,201 through 13,230 (of 18,736 total)