Viewing 30 results - 5,971 through 6,000 (of 18,738 total)
  • Author
    Search Results
  • #1030472

    If I make changes under EXTENDED STYLING for any Heading, the heading font/size doesn’t change in my file.

    I also tried it with a different font size WITHIN an element, so next to the text. Eg. <span style=”color: #87a501; font-size: 10pt;”>HELLO</span>.
    It accepts the color, but the font size stays the same, no matter what number I put in there.

    #1030457

    Hi Colindie,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
     #top .avia-content-slider h3.entry-title a {
         font-size: 18px;
     }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1030431

    Topic: Style Changes

    in forum Enfold
    stevthym
    Participant

    Hello! I have bought the template, installed it and now trying to build my website. I would expect some more options and flexibility on Styling. For instance I want to:

    1. Change Font Style on Main Menu Links (Font Style, Font Size)
    2. Change how mouse overs works on main menu
    3. Change Font Style on Top Main Menu Links (Font Style, Font Size)
    4. Change how mouse overs works on top main menu

    Where to look?

    #1030389

    I didn’t get it to work on another Layerslider. I got it to work on this page: https://www.endiio.com/endiio-retrofit-box/ by using an icon with a link. I generated a similar icon but don’t know where to paste it in the Layerslider.

    [av_font_icon icon='ue80d' font='entypo-fontello' style='border' caption='Video ansehen' link='manually,https://www.youtube.com/watch?v=6kUABoqdBG0' linktarget='' size='100px' position='center' color='#ff9b00' custom_class='' admin_preview_bg=''][/av_font_icon]

    #1030315

    Hey offthehook33,

    You have a lot of menu items there, maybe some of them could become sub items instead? If not then your options are to reduce the font size/padding/margin of the menu items, or activate the mobile menu at an earlier stage. Not sure which way you want to go?

    Best regards,
    Rikard

    #1030303

    Unfortunately this does not work. The complete code i use now is:

    /*  excerpt position and styling */
    .av-masonry-entry .av-masonry-entry-content {
    position: absolute;
    bottom: 0;
    z-index: 2000;
    text-align: left;
    color: black!important;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.7);
    width: 100% !important;
    padding: 0;
    }
    

    Strange because the code for the title (which is the same as for the excerpt) works fine.
    Any one?
    THX Freek

    #1030272

    Hey mariokesseler,

    Your settings seems to be working fine, but this CSS is overriding:

    .text-headline {
        text-transform: uppercase!important;
        font-size: 35px!important;
        line-height: 1.3em!important;
        margin-bottom: 0px;
        letter-spacing: 0.07em!important;
    }

    I’m not sure where that CSS is coming from though, maybe your slider? That would explain why it’s only working on the front page.

    Best regards,
    Rikard

    #1029869
    Freek
    Participant

    Hi,

    I have a masonry element to display portfolio items. We want the Title and excerpt on 2 different positions over the image. Title on top of the image with a colored background and the excerpt on the bottom of the element, also with a custom background.
    See mockup.
    I use the following code to change background color and font color.

    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { 
    color: white!important;
    background: #98d52e!important;
    padding:0px !important; margin:0px !important;
    }
    .av-masonry-entry .av-masonry-entry-content {
    background: #e1e1e1!important;
       color:#98d52e!important;
    }

    What code can I use to change the position of Title (to top) and excerpt (to bottom) without any padding/margins and full width?
    THX Freek

    UPDATE:
    I managed to get what I want using this post: with the following css code:

    .av-masonry-entry .av-masonry-entry-title {
        position: absolute;
        top: 0;
        z-index: 1000;
        width: 100%;
        text-align: center;
        background:rgba(152, 213, 46, 0.7);
        padding: 10px;
    color: white!important;
    }
    
    .av-masonry-entry .av-masonry-entry-content {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    text-align: center;
    color: white!important;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.3);
    }

    Only 1 question left. Why is there a small gap on the left side of the excerpt text? see mockup : mockup site

    • This topic was modified 7 years, 5 months ago by Freek.
    #1029671

    Thanks, that works. But it changes the title font size within the blog post, too, not only in the blog grid. Is there an easy way to differentiate between the blog grid titles and other titles?

    #1029655

    In reply to: Increase tiny fonts

    Hi Mooshonov,

    If you’re looking to do all buttons you can do the following:

    .button {
            font-size:20px !important;
    }

    Here is how to change the “add to cart” button on the product page and the “checkout button” on the cart page:

    .single_add_to_cart_button{
            font-size:20px !important;
    }
    .checkout-button{
            font-size:20px !important;
    }

    If you need more specific buttons changed, will you list the buttons here?

    • This reply was modified 7 years, 5 months ago by GCSkye.
    #1029652

    Hi Colindie,
    To have the styling effect all pages, you can simply remove the page-id number from the entry. See the following:

    .entry-title {
        font-size: 18px !important;
    }
    #1029645

    In reply to: Responsive Issues

    Hey seocrowd,
    To correct your icon, please try including this code as your icon in the title of the menu item:

    <span class="dashicons dashicons-admin-multisite" style="display:inline;font-size:2em;"></span>

    For the columns row, please look in the backend of the element and the first column is set to: margin-top:-200px;
    change this to reduce it’s placement, perhaps -50px would be better.
    I took a look at your sub-pages but I’m unsure what is wrong with the formating and if the issue is for mobile or desktop, or both.
    please explain a little more about what you would like to see.
    If any of these solutions don’t help, Please include a admin login in the Private Content area.

    Best regards,
    Mike

    #1029546
    spanishj
    Participant

    I can’t work out why this isn’t working correctly. Here is a picture:

    Picture

    Here is the code I’m using:

    [av_promobox button='no' label='Click me' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' label_display='' icon_select='no' icon='ue800' font='entypo-fontello' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333' av_uid='av-2ssvhs' admin_preview_bg='']
    <span style="text-decoration: underline;"><strong>Do this:</strong></span> write down your English-learning goal and when you want to achieve this. Here is a template: <em>By _______ I want to reach a _____ level of English.</em>
    [/av_promobox]
    <h2>TIP 2: SET A GOAL AND CREATE A LEARNING STRATEGY</h2>

    Why is there no space between the promobox and the heading?
    Also, is there a way to reduce the area between the text and the top and bottom of the box?

    Thanks,
    Jack

    #1029511

    Topic: Increase tiny fonts

    in forum Enfold
    mooshonov
    Participant

    Hi,
    Is there a way to define minimum font size to the whole website?
    Need to increase font size on buttons and especially on Woocommerce shop page and checkout.
    Thanks.

    #1029494
    Colindie
    Participant

    Hi,

    I changed the blog title font sizes in my blog grid, following the instructions in this topic: https://kriesi.at/support/topic/change-title-font-size-in-blog-posts-grids-and-mansonry/

    It worked for the blog grid, but whenever I go to filtered view of the blog through the tags or categories of the sidebar widgets, the page is back to the old font sizes. How can I address all blog grids at the same time rather than just one page (ID)?

    This is my site: https://breitefuesse.de

    #1029386

    Hi,
    I removed the theme link by adding [nolink] into Enfold Theme Options > Footer > Copyright
    I made the social icons larger with this css in the Enfold Theme Options > General Styling > Quick CSS field

    /* larger socket social icons */
    #socket .social_bookmarks li a {
    width: 50px!important; 
    line-height: 50px!important; 
    min-height: 50px!important; 
    font-size: 30px;
    }
    
    #socket .social_bookmarks li {
    height: 50px!important; 
    width: 50px!important; 
    }
    
    #socket .social_bookmarks {
        height: 60px!important;
    }

    Please feel free to adjust them to suit, if you wish.

    Best regards,
    Mike

    #1029118

    Hi Michael,
    i dont see you beeing responsive to fix/help – in my opinion its up to Kriesi and his team to help.
    Enfold is promised to be fully responsive and than it seems to be almost impossible to setup a simple layout without spending hours & hours of trying…
    This really is a disappointment.

    Since i tried for hours now without success i am more or less conviced that its not possible to make the list behaving responsive and responsiveness is not the same than to build separate websites for each and every screensize.
    Here is the code of the segment and if its so easy to do (like its been said) i am pretty sure the mods can proof that it can be done by modifying it:

    
    [av_layout_row border='' min_height='' color='main_color' mobile='av-flex-cells' id='' av_uid='av-3wsp27c']
    
    [av_cell_two_fifth vertical_align='top' padding='800px,30px,30px,30px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='//localhost/hms/wp-content/uploads/Torte3.png' attachment='4988' attachment_size='full' background_attachment='fixed' background_position='center left' background_repeat='contain' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' av_uid='av-3w0qjmw' custom_class='']
    
    [/av_cell_two_fifth][av_cell_three_fifth vertical_align='middle' padding='30px,130px,30px,30px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-3u4tmns']
    
    [av_heading tag='h2' padding='66' heading='Gedicht' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='subheading_below' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='']
    Willst Du Liebe, dann ge´ dicht
    (Friedhelm Kändler)
    [/av_heading]
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-5b8xti' custom_class='']
    
    [av_iconlist position='right' iconlist_styling='' custom_title_size='' custom_content_size='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' av-medium-font-size-title='13' av-small-font-size-title='12' av-mini-font-size-title='10' av-medium-font-size='13' av-small-font-size='11' av-mini-font-size='10' av_uid='av-4am472' custom_class='' admin_preview_bg='']
    [av_iconlist_item title='Die späte Hochzeit' link='page,2507' linktarget='' linkelement='' icon='ue837' font='entypo-fontello' av_uid='av-7yv50q']
    Der Mond ging unter – jetzt ist’s Zeit. –
    Der Bräutgam steigt vom Roß,
    Er hat so lange schon gefreit –
    Da tut sich auf das Schloß,...
    (Joseph von Eichendorff)
    [/av_iconlist_item]
    [av_iconlist_item title='Die Hochzeitsnacht' link='page,2507' linktarget='' linkelement='' icon='ue837' font='entypo-fontello' av_uid='av-5zc4ei']
    Nachts durch die stille Runde
    Rauschte des Rheines Lauf,
    Ein Schifflein zog im Grunde,
    Ein Ritter stand darauf
    (Joseph von Eichendorff)
    [/av_iconlist_item]
    [/av_iconlist]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-5b8xti' custom_class='']
    
    [av_iconlist position='left' iconlist_styling='' custom_title_size='' custom_content_size='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4am472' custom_class='' admin_preview_bg='']
    [av_iconlist_item title='Das Brautgemach' link='page,2507' linktarget='' linkelement='' icon='ue837' font='entypo-fontello' av_uid='av-3on0h6']
    Treulich geführt ziehet dahin,
    wo euch in Frieden die Liebe bewahr!
    Siegreicher Mut, Minnegewinn
    eint euch in Treue zum seligsten Paar.
    (Richard Wagner)
    [/av_iconlist_item]
    [av_iconlist_item title='Das Mädchen ohne Bräutigam ' link='page,2507' linktarget='' linkelement='' icon='ue837' font='entypo-fontello' av_uid='av-3alebe']
    Wenn ich Braut bin, wenn ich Braut bin,
    Will ich haben kein weißes Kleid,
    Kein weißes Kleid;
    Aus schwarzer Seide, so soll es sein,
    (Otto Julius Bierbaum)
    [/av_iconlist_item]
    [/av_iconlist]
    
    [/av_one_half][av_heading tag='h3' padding='10' heading='Ihre lyrische Ader entdeckt?' color='' style='blockquote classic-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin=''][/av_heading]
    
    [av_button label='Mehr Gedichte!' link='page,3673' link_target='' size='medium' position='center' label_display='' icon_select='yes' icon='ue837' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-jnfuj56f' custom_class='' admin_preview_bg='']
    
    [/av_cell_three_fifth][/av_layout_row]
    #1028993

    Hi,

    Thank you for using Enfold.

    We’ll forward the issue to the dev team. You can use these css codes for now.

    .av_icongrid_title {
        font-size: 25px;
    }
    
    .av_icongrid_subtitle {
        font-size: 18px;
    }
    
    .avia-icongrid-icon {
        font-size: 50px;
    }
    
    .avia-icongrid-text {
        font-size: 20px;
    }

    Best regards,
    Ismael

    Hi,

    Thank you for using Enfold.

    You can implement one of the blockquote styles here:

    // https://freefrontend.com/css-quote-styles/

    Example:

    @import url('https://fonts.googleapis.com/css?family=Special+Elite');
    
    blockquote {
    	font-weight: 100;
    	font-size: 1rem;
    	max-width: 600px;
    	line-height: 1.4;
    	position: relative;
    	margin: 0;
      padding: .5rem;
      border: none;
    }
    
    blockquote:before,
    blockquote:after {
    	position: absolute;
    	color: #f1efe6;
    	font-size: 8rem;
    	width: 4rem;
    	height: 4rem;
    }
    
    blockquote:before {
    	content: '“';
    	left: -3rem;
    	top: -2rem;
    }
    
    blockquote:after {
    	content: '”';
    	right: -3rem;
    	bottom: 1rem;
    }
    
    cite {
    	line-height: 3;
    	text-align: left;
    }
    

    Best regards,
    Ismael

    #1028882
    Martin
    Participant

    Hello,

    I would like to represent the floating text typefaces generally smaller in the mobile display / smart phone. Where can i customize that?

    many Greetings,
    Martin

    #1028612

    In reply to: main menu wrapping

    Hey John,

    You have the option to reduce the font-size at those resolutions or perhaps go to the hamburger menu sooner.

    Best regards,
    Jordan Shannon

    #1028265

    Hey Dave,

    Add this to quick css:

    h1.post-title.entry-title a{
    font-size:40px;!important
    }

    Adjust the size to whatever you want it to be

    Best regards,
    Jordan Shannon

    #1028263

    In reply to: Buttons in Footer

    CSS (Quick CSS):

    #socket {
    border: none;
    }

    #socket .container {
    padding: 0;
    }

    #socket .copyright {
    width: 100%;
    text-align: center;
    }

    .procharter-navbar {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0;
    }

    .procharter-navbar li {
    display: table-cell;
    width: 25%;
    }

    #socket .avia-button.avia-size-large {
    font-size: 16px;
    border-radius: 0px;
    margin: 0;
    }

    #socket .btn-custom-width {
    display: block!important;
    margin-right: 1px;
    margin-left: 1px;
    }

    #socket .btn-custom-width .avia-button {
    width: 100%;
    }

    HTML (Footer Copyright)

    
    <ul class="procharter-navbar">
        <li>
            [av_button label=' ENQUIRE NOW' link='/aviation-service-quote/' link_target='' size='large' position='' icon_select='yes' icon='ue8b6' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='btn-custom-width' admin_preview_bg='']
        </li>
        <li>
            [av_button label=' EMAIL US' link='mailto: (Email address hidden if logged out) ' link_target='' size='large' position='' icon_select='yes' icon='ue805' font='entypo-fontello' color='custom' custom_bg='#144566' custom_font='#ffffff' av-mini-hide='aviaTBaviaTBav-mini-hide' av_uid='' custom_class='btn-custom-width' admin_preview_bg='']
        </li>
        <li>
            [av_button label=' CONTACT US' link='/about/contact/' link_target='' size='large' position='' icon_select='yes' icon='ue854' font='entypo-fontello' color='custom' custom_bg='#144566' custom_font='#ffffff' av-mini-hide='aviaTBaviaTBav-mini-hide' av_uid='' custom_class='btn-custom-width' admin_preview_bg='']
        </li>
        <li>
            [av_button label=' CALLBACK' link='/procharter-callback/' link_target='' size='large' position='' icon_select='yes' icon='ue854' font='entypo-fontello' color='custom' custom_bg='#144566' custom_font='#ffffff' av-mini-hide='aviaTBaviaTBav-mini-hide' av_uid='' custom_class='btn-custom-width' admin_preview_bg='']
        </li>
        
    </ul>
    
    #1028255
    shreinmedia
    Participant

    Hi there, I worked through some of the CSS recommended in other posts for resizing a post entry title and couldn’t get it to work.

    Here is a page where I want to change the font size for the title

    What is the CSS code I’ll need to make adjustments to the font size?

    Thank you!

    #1028219

    When I am in the Advanced Styling section I select Main Menu links, change the font size and font weight, then click Save all changes. The font size or weight don’t change!

    #1028118

    Hi,
    No, I have not added that code to Quick CSS. Now I added the code you gave, but the font size did not change.
    I’ll give you the login credientals.

    #1028110

    Hey tammiviestinta,

    https://cl.ly/c135fec50e88 There is this code making it small. Did you add it to your Quick css?

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1027921
    meyersieck
    Participant

    Icon Grid comes with four font-size settings:

    Title Font Size
    Sub-Title Font Size
    Content Font Size
    Icon Font Size

    None of them seems to be applied on the front page. Can’t even find it in the inspector overwritten in by another CSS rule.

    #1027906
    tammiviestinta
    Participant

    Hi,
    On mobile devices (smaller than 767px), the font size on caption does not react for any changes in fullwidth slider caption title and text font size. I’ve tried now many codes I found on tickets here, but couldn’t find the fix. I’d like to make texts bigger on mobile.

    #1027835

    Hi,

    Sorry for the late response.

    The layer slider is hidden on smaller screens when I checked the site.
    Have you tried adding a unique class attribute to the heading layers? You can then use that selector inside a css media query to adjust the font size on mobile devices.

    Example:

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      .layer-custom-css-class {
         font-size: 16px;
      }
    }

    Adjust the “layer-custom-css-class” selector with yours.

    Best regards,
    Ismael

Viewing 30 results - 5,971 through 6,000 (of 18,738 total)