Viewing 30 results - 17,671 through 17,700 (of 18,727 total)
  • Author
    Search Results
  • #199857

    Hey!

    You can use this:

    .avia-caption-title {
    font-family: 'Raleway', sans-serif !important;
    font-size: 15px;
    line-height: 24px;
    }

    Regards,
    Ismael

    #199839

    Hi!

    As far as I know you don’t need to “hack” the theme files because since Enfold 2.4.2 the Youtube icon is supported out of the box. Go to Enfold > Header and select “Youtube” in the “Social Icon” dropdown. Then insert your youtube url into the text field on the right side (“Social Icon URL”) and save the settings.

    If you want to change the size of the icons insert following code into the quick css field

    
    #top .social_bookmarks li a {
    width: 60px;
    line-height: 64px;
    min-height: 60px;
    font-size: 30px;
    }
    
    #top .social_bookmarks {
    height: 60x;
    }
    
    .header_color .social_bookmarks a{
    color: #889095;
    }
    

    and change the px values (and color value) of required.

    Best regards,
    Peter

    #199703

    In reply to: Tabs Icons and font

    Hey!

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

    .tabcontainer .tab_icon { font-size: 20px; color: red; }
    .js_active .tab { font-size: 15px; }

    Best regards,
    Yigit

    #199646

    Topic: Tabs Icons and font

    in forum Enfold
    Albulushi
    Participant

    Hello, is there a way to change the icons color and size on the tabs and also the title of the tabs can I make bigger with different color? please check the attach image on the reply. thank you

    #199568

    In reply to: Font Size

    Hey!

    Please add following code to Quick CSS and adjust as desired

    .iconbox .iconbox_content .iconbox_content_title { font-size: 20px; }

    Regards,
    Yigit

    #199567

    In reply to: Font Size

    Thank you for the reply.

    How do I change the size of the heading of the icon boxes.
    TIA

    Olbert

    #199418

    Hey,

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.

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

    .avia_textblock.awesome-textblock p {
    background: blue;
    padding: 10px;
    font-size: 20px;
    }

    Regards,
    Ismaels

    #199392

    Hey!

    I think you’re using the Layer Slider. You can edit the layer then go to Attributes panel. Add a unique css class selector, example “awesome-layer”. Apply the font on Quick CSS:

    .awesome-layer {
    font-family: 'Raleway', sans-serif !important;
    text-transform: capitalize !important
    }

    You can use media queries to change the font size on smaller screens:

    @media only screen and (max-width: 767px) {
      .awesome-layer {
      font-size: 13px;
      }
    }

    Best regards,
    Ismael

    #199308

    Thanks, no change yet on my end. So the Raleway font is displayed on all H’s for you then?

    What if I specifically want to change the size of the easy slider font? The text is cut off on smaller displays such as the iPhone.

    Is this code the way to go?

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    font-family:Raleway!important;
    text-transform:capitalize!important;
    }

    Thanks,
    Felix

    Hey!

    Please use this instead:

    .social_header .phone-info span {
    font-size: 20px;
    color: orange;
    }

    Cheers!
    Ismael

    Hi ShortieD!

    Please use this:

    .slide-entry-excerpt.entry-content {
    font-size: 16px;
    line-height: 24px;
    }
    
    .slide-entry-title.entry-title {
    margin-bottom: 10px;
    }

    Best regards,
    Ismael

    #198823

    In reply to: Logo overlaps menu

    Hey!

    I’m not sure why the code I provided doesn’t work but it is the same with Yigit’s. Anyway, you can add this to adjust the menu when the screen is less than 768px in width:

    @media only screen and (max-width: 768px) {
    .main_menu ul:first-child > li > a {
    padding: 0 5px !important;
    font-size: 10px;
    }
    }

    Regards,
    Ismael

    ShortieD
    Participant

    Hi there – I’m using the visual editor and have added blog content on a page in a grid layout. I would like to do the following
    1 – increase the size of the excerpt font under the blog title
    2 – increase the margin underneath the post heading

    I’ve added the following code but it’s not working

    – can you please let me know what to target?

    /*blog content grid shortcode in visual editor*/
    avia-content-slider .slide-entry-title {
    margin-bottom: 0 0 0.9em 0 !important;
    }

    /*increase the text for blog grid layout*/
    div.slide-entry.entry-content{
    font-size: 16px !important;
    }

    Thanks

    This is an awesome theme! A little more control in the header area would be nice :)
    I tried to change the phone size using this:
    .social_header .phone-info { color: orange!important; font-size: 20px!important; }

    and it did not work.
    Here is my site: http://socialenergizer.com/new-wordpress/

    Any ideas?

    Thanks -Lynn

    #198606

    Topic: Font Styling

    in forum Enfold
    awilson3rd
    Participant

    Hello,

    I cant seem to get inline font styling to overide what is in the styling option of enfold. For example, I am using the code below to add red to some text only <p style=”text-align: center;”><span style=”color: #ff0000; font-size: large;”>FINALLY!</span>

    but, the theme’s color overrides this. I don’t want all items in bold to be red so is there a solution?

    Thanks

    Andrew

    #198514

    Hey brandonguy!

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

    #top .social_bookmarks li a { font-size: 20px; }

    Regards,
    Yigit

    #198507

    In reply to: Custom Icon font size

    Hey!

    Please add following code to Quick CSS as well

    .iconbox_left .iconbox_icon { margin-right: 20px; }

    Cheers!
    Yigit

    #198449

    In reply to: Custom Icon font size

    Thanks Ismael

    I used the icon left atrubute and it worked however the larger icon is overlapping the heading now.
    Any code would be appreciated. Also what is the code for icon list? I used .iconlist but no luck.

    Regards,

    Mark
    p.s.
    My changes are live now.

    website: http://www.barbadosapartment.com

    #198419

    In reply to: Custom Icon font size

    Hey markbener!

    You can change the icon size using this:

    .iconbox_top .iconbox_icon {
    font-size: 24px;
    line-height: 24px;
    }

    The color can be change with this:

    .main_color.iconbox_top .iconbox_icon {
    color: red;
    }

    Cheers!
    Ismael

    #198409

    In reply to: Logo overlaps menu

    Hey TheProductionHouseEvents!

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

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .main_menu ul:first-child > li > a {
    padding: 0 10px !important;
    font-size: 12px;
    }
    }

    The menu is not visible on your page so I have to guess. Please try it.

    Cheers!
    Ismael

    #198388

    Topic: Custom Icon font size

    in forum Enfold
    markbener
    Participant

    Hello

    I just finished creating 2 icon fonts in Illustrator then into Fontello.
    Great instructions. Thanks.

    I was wonder if and where you can increase the size of the Icon without increasing the size of text?
    My Icon is a little small and i would like to increase it. Also where can we change the colour?

    Thanks

    website: http://www.barbadosapartment.com

    #198275

    Hi DoGrinDigital!

    To do it individually you’d need to use the Dev Tools to identify the elements you want to modify and apply the right code in the Quick CSS, see this video for a reference:
    http://wptheming.com/2012/07/chrome-developer-tools-wordpress/

    To do it globally, simply put this in the Quick CSS:

    * {
        font-size: 20px  !important
    }

    Cheers!
    Josue

    #198175
    DoGrinDigital
    Participant

    I am currently working on the following site http://testsite.bcsynergies.com/
    The issue I am running into is that we need to increase the overall font size of each element. (I.E. Header, Menu, paragraphs, etc.)
    Is there a way to do this individually? Is there also a way to do this as a whole?

    Thank you

    #198076

    Hey aylaverheijen!

    Actually it should work. You can try adding !important to force it as following

    #socket { font-size: 16px !important; }

    And please try adding the same code to Custom.css file in Enfold/CSS folder and check if that helps

    Cheers!
    Yigit

    #198029

    Hello Ismael

    Thanks for your latest response and for the extra CSS.

    I am happy with the overall width of things I just want to reduce the spacing properly as outlined above.

    I tried adding the latest CSS elements outlined above to reduce the spacing and it doesn’t work properly when I add it, so I’ve removed the latest CSS as outlined in your latest response.

    The bottom section of this post is the current CSS I have in my Child Theme.

    When I added the code below for example, the responsive menu also sat on the far right with no space which doesn’t look good.

    Adjust the menu right margin using this:
    #header_main_alternate .container {
    margin: 0;
    }

    Can I maybe send you the WP login info and get you to have a look. If so, please let me know where to send this privately, thanks.

    CSS CODE BELOW DOTS:
    ……………………………………….
    /*
    Theme Name: Enfold Child
    Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI: http://kriesi.at
    Template: enfold
    */

    /*Add your own styles here:*/

    .social_header .phone-info span {
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
    font-size: 11px;
    }

    .responsive #header_meta .social_bookmarks {
    padding-bottom: 0px;
    width: 100%;
    }

    .main_color .heading-color, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item > a, .main_color .sidebar .current-menu-item > a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline {
    color: #90d200;
    font-weight: normal;
    }

    p + h3, p + h4, p + h5, p + h6 {
    margin-top: 0px;
    }

    .title_container { display: none; }

    #top .main_menu .menu > li:last-child > a {
    padding-right: 13px;
    }

    .logo img {
    display: block;
    height: auto;
    max-height: 100%;
    padding: 0;
    width: auto;
    }

    /* #Desktop – Large
    ================================================== */@media only screen and (min-width: 1140px) {
    .responsive .boxed#top {
    width: 960px;
    }
    .responsive .container {
    width: 860px;
    }
    .responsive .container .one.unit,
    .responsive .container .one.units {
    width: 20px;
    }
    .responsive .container .two.units {
    width: 30px;
    }
    .responsive .container .three.units {
    width: 120px;
    }
    .responsive .container .four.units {
    width: 210px;
    }
    .responsive .container .five.units {
    width: 300px;
    }
    .responsive .container .six.units {
    width: 390px;
    }
    .responsive .container .seven.units {
    width: 480px;
    }
    .responsive .container .eight.units {
    width: 570px;
    }
    .responsive .container .nine.units {
    width: 660px;
    }
    .responsive .container .ten.units {
    width: 750px;
    }
    .responsive .container .eleven.units {
    width: 840px;
    }
    .responsive .container .twelve.units {
    width: 930px;
    }
    .responsive #top.boxed .stretch_full {
    width: 960px;
    }
    .responsive #top .offset-by-one {
    padding-left: 90px;
    }
    .responsive #top .offset-by-two {
    padding-left: 180px;
    }
    .responsive #top .offset-by-three {
    padding-left: 270px;
    }
    .responsive #top .offset-by-four {
    padding-left: 360px;
    }
    .responsive #top .offset-by-five {
    padding-left: 450px;
    }
    .responsive #top .offset-by-six {
    padding-left: 540px;
    }
    .responsive #top .offset-by-seven {
    padding-left: 630px;
    }
    .responsive #top .offset-by-eight {
    padding-left: 720px;
    }
    .responsive #top .offset-by-nine {
    padding-left: 810px;
    }
    .responsive #top .offset-by-ten {
    padding-left: 900px;
    }
    .responsive #top .offset-by-eleven {
    padding-left: 990px;
    }
    }

    @media only screen and (max-width: 767px) {
    .responsive.social_header .phone-info {
    position: relative;
    top: 10px;
    }
    }

    .bottom_nav_header.social_header .main_menu ul:first-child > li a {
    border-right-style: solid;
    border-right-width: 1px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    }

    #198015
    aylaverheijen
    Participant

    I crawled through many different posts, but couldn’t find the answer on this specific question:

    How do I change the font size in the socket? Tried

    #socket {
    font-size: 14px; }

    But to no avail.

    #197936

    Hi!

    Please add following code to Quick CSS as well

    #footer input[type="submit"] { padding: 5px 10px; font-size: 12px; }

    Regards,
    Yigit

    #197870

    Hey!

    Try adding this code to the Quick CSS:

    .pricing-table .avia-heading-row {
        font-size: 24px  !important;
    }

    Cheers! 
    Josue

    #197861

    Hey!

    Try adding this code to the Quick CSS:

    #avia-menu a {
        font-size: 16px !important;
    }

    Cheers! 
    Josue

    #197858
    ShortieD
    Participant

    Hi Folks – I would like to increase the size on the top navigation font – have done a search and came up with this code – which didn’t work. Any clues how to change the font size in the nav?

    see here http://shortiedesigns.com/acmena/

    #top .main_menu .menu li > a {
    font-size: 16px !important;
    font-weight: normal !important;
    }

    Thanks

Viewing 30 results - 17,671 through 17,700 (of 18,727 total)