Viewing 30 results - 14,731 through 14,760 (of 18,733 total)
  • Author
    Search Results
  • Hey DROR!

    Please use following code instead

    .entry-content {
    font-size: 16px;
    }
    .iconlist_content { 
    font-size: 16px; 
    }

    Regards,
    Yigit

    bakbek
    Participant

    Hi, I want the text size in posts and in the icon list element to be bigger but when I use this:

    body, body p {
    font-size: 16px;
    }

    It also effects the text box element and the special heading subheading sizes and I can’t make them bigger if I want.

    Is there a different CSS code I can use to only make the blog posts text size bigger and also to make the icon list text size bigger?

    Thanks.

    #383569

    Are you sure that works? At least when I tried it, nothing changes…
    For example this works:
    #menu-item-152 { font-size: 20px; }
    But as said, the color does not work…

    #383429

    Hi!

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

    @media only screen and (max-width: 1380px) {
    .av-main-nav > li > a { padding: 0 6px; }
    #top #header .av-main-nav > li > a { font-size: 12px; }}

    Cheers!
    Yigit

    #383394

    Hey Coronacom!

    You can change that on line 772 in the /enfold/config-templatebuilder/avia-shortcodes/slideshow.php file.

    if(trim($title) != "")   $title 	= "<h2 {$title_styling} class='avia-caption-title' $markup_name>".trim(apply_filters('avf_slideshow_title', $title))."</h2>";
    

    You can use this CSS to change it’s size.

    .caption_fullwidth .avia-caption-title { font-size: 20px !important; }
    

    Best regards,
    Elliott

    TheMediaman
    Participant

    I know this question has been asked many times already but I haven’t been able to find the exact solution for me. I have found other @media screen only CSS code to change the spacing between nav menu items between screen widths but that is not want I would like to do.

    The main menu text is under the logo on iPad in landscape mode. It correctly changes to the mobile menu in portrait mode

    Please…I would either like to

    1) activate the header mobile menu for smartphones and tablets below 1200px (instead of 990px)
    OR
    2) add CSS code to change the font size of the main nav menu text when only between 768 and 1200px

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 479px) {
    .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 17px !important;
    top: 27px;
    position: relative;
    }
    .avia-slideshow-dots.avia-slideshow-controls { display: none; }}

    Best regards,
    Yigit

    #383191

    Hey barrygur!

    Try adding this to your custom CSS.

    .main-title {
      color: black !important;
      font-size: 20px !important;
    }

    Best regards,
    Elliott

    #383167

    Hi!

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

    @media only screen and (max-width: 1160px) {
    .av-main-nav > li > a { padding: 0 7px; }
    .av-main-nav > li > a { font-size: 13px!important; }}

    Regards,
    Yigit

    #383019

    Thanks. This seems to have solved part of the problem – the headings are now smaller. I changed the font size to 10 and 8 as it was still too big

    Is there anyway I can move them further down? I am assuming this is the padding option but not sure how much to adjust by?

    Thank you for your help.

    #382990

    I figured it out with this code to not display the text and button and make the slideshow’s headline smaller. Is that ok?

    @media only screen and (max-width: 480px) { 
    div .slideshow_caption h2 { font-size: 10px !important; }
    div.avia-caption-content {display: none !important; }
    .avia-slideshow-button {display: none !important; }
    }

    Cheers

    #382949

    Topic: Change font main menu

    in forum Enfold
    tdebrouwer
    Participant

    I got a problem with the font of the main menu. On my homepage I’m using a sub menu below the header (layerslider) and on my other pages I’m using a main menu on top of the page.
    Homepage:
    http://imageshack.com/a/img661/8020/Jlg7SL.png
    Other pages:
    http://imageshack.com/a/img912/4690/keFIkt.png
    As you can see in the above images the font size isn’t the same.

    I have added the following quick CSS:

    #header_main_alternate { background-color: #f19a2f; }

    #top .av-submenu-container {
    background-color: #f19a2f;}

    #top .av-subnav-menu li a {background-color: transparent !important;
    font-size: 17px; }

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

    .sub-menu .avia-menu-text {color:grey!important; }

    #logoheader {background: black;}

    input[type=”date”]::-webkit-inner-spin-button{
    display: none;}

    p {
    font-family: Open Sans;}

    .main_menu ul:first-child > li > a { font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }

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

    Can you help me out please, I’m stuck on this.

    #382938

    Hey James!

    Thank you for using Enfold.

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

    .single .entry-content-wrapper .post-title {
    font-size: 40px;
    line-height: 1.3em;
    }

    Best regards,
    Ismael

    #382929

    Hey knitsfor!

    Thank you for using Enfold.

    Try to add this on Quick CSS:

    @media only screen and (max-width: 767px) {
    .avia-slideshow .avia-caption .avia-caption-title {
    font-size: 14px;
    padding: 5px 7px;
    }
    
    .avia-caption-content p {
    font-size: 12px;
    padding: 5px 7px !important;
    }
    }

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    #382895
    This reply has been marked as private.
    #382865

    Is there a way to change the font size on tablet compared to desktop?

    #382616
    jbtaberham
    Participant

    Can someone please give me the Quick CSS to increase the size of the title on a single post entry

    http://totalgolftravel.com/golf-courses/10-must-play-golf-courses-in-orlando/

    Thanks!

    #382543

    Topic: Button Inside Slider

    in forum Enfold
    pc37075
    Participant

    Im using the code below inside the LayerSlider HTML/Video/Audio area. But when viewing the page the button does not show up..
    Will the button not work in the LayerSlider?

    Thanks for your help :)

    [av_button label='Get Started Now!' link='page,6341' link_target='' size='x-large' position='center' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue827' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

    #382504

    Hi 1lizcollins!

    I cannot see rotating images ( slideshow? ) on your home, if you meant “Programs” text, please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
    h2.av-special-heading-tag {
    font-size: 20px;
    }}

    It is simply not possible to change the order of items on mobile. But you can turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your elements a custom CSS class and using custom CSS code, you can choose to hide/display them on mobile/desktop.

    Best regards,
    Yigit

    Hi!

    It is a small typo. Media queries should be added as following

    @media only screen and (max-width: 480px) {
    body { font-size: 14px; }
    }

    Regards,
    Yigit

    #382299

    Hi Emma!

    Thank you for using Enfold.

    Try to use this on Quick CSS or custom.css:

    .html_header_sidebar #top #header .social_bookmarks li a {
    font-size: 30px;
    }

    Cheers!
    Ismael

    #382289

    In reply to: Changing Title Sizes

    Hey DROR!

    Thank you for using Enfold.

    Try this on Quick CSS:

    .entry-content-wrapper .post-title {
    font-size: 31px;
    }

    Regards,
    Ismael

    Thank you Ismael!

    We are really good shape except on the iphone display. The font size in relationship to the image looks great on the ipad, but it’s super tiny and out of position on the iphone, even with the font size adjustments.

    Thank you so much.

    #382123

    In reply to: Pricing tabel color

    Hi,

    I am still stuck.

    I just want to create the same table colors as http://kriesi.at/themes/enfold/pages/pricing/ but even with the suggestions I can’t get it done.

    .pricing-table > li:first-child, .pricing-extra{font-size:50px !important; background-color: #fcb30a !important;}

    This line changes the background colour and textsize of the first rown – “Private Plan”, “Business Plan”, “Mega Plan”

    That works like I want it to.

    However the other strings of code change more than one single row and none change the button.

    #382066

    Topic: Style accordian

    in forum Enfold
    GOWD
    Participant

    Hi, I have previously styled the accordion toggle icons and text but for some reason on a new site it is not working.
    The css I have used is;

    /* This changes the colour of the icons on the accordian */

    .toggle_icon {
    color:#ffffff;
    background-color:#f15d23!important;
    }

    .toggler
    {
    font-size: 16px;
    color:#f15d23!important;
    }

    I am using a child theme and amending the css in its editor.

    #382028

    Hi,

    You can prefix the .single-post class to your selectors so they only affect single-view Posts:

    #top.single-post .fullsize .template-blog .post .entry-content-wrapper{text-align: left; font-size:18px; line-height: 150%; max-width: 660px; }
    
    #top.single-post .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 660px; }
    
    #top.single-post .fullsize .template-blog .big-preview img{width:660px;}
    
    #top.single-post .fullsize .big-preview .avia-gallery {width: 660px;}
    
    #top.single-post .comment_container{max-width: 660px;}

    Regards,
    Josue

    Hi!

    Please try adding !important rule as following

    h3.iconbox_content_title {
    font-size: 20px!important;
    }
    .iconbox_content_container {
    font-size: 14px!important;
    }

    Regards,
    Yigit

    #381783

    Hey bigcamera!

    1- Please go to Enfold theme options > Footer and choose how many columns you would like to display on footer and then go to Appearance > Widgets and insert widgets to your footer widget areas
    2- Please go to Appearance > Menus and create a new menu and check “Enfold footer menu” under Menu Settings
    3- You can highlight the text you would like to adjust and then choose font size

    Cheers!
    Yigit

    #381768

    Hey nowhere!

    I replied you here – https://kriesi.at/support/topic/font-size-font-style/#post-381686
    Please do not create duplicate topics as it is making it harder for us and for other users to follow :)

    Best regards,
    Yigit

    #381701

    In reply to: Price Table Font Size

    Hey Ben!

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

    .pricing-table li.avia-pricing-row { font-size: 35px; }
    .pricing-table.avia-highlight-col .first-table-item { font-size: 16px; }

    Best regards,
    Yigit

Viewing 30 results - 14,731 through 14,760 (of 18,733 total)