Viewing 30 results - 11,221 through 11,250 (of 18,744 total)
  • Author
    Search Results
  • #640035

    In reply to: bar above top menu

    Hi,

    To style the phone number Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    .phone-info {
        font-size: 20px;
        color: red;
        background:gold;
        padding: 10px;
    }
    

    Best regards,
    Vinay

    #639930
    adinahirjanu
    Participant

    Hi,

    I’m building my website using the Enfold Shop Theme and I need help with the following:

    1) Small bar above Main Menu

    I only have one link here called ‘Welcome Video’. I would like this link to be:

    a) button style: bordered (I ticked this option in the Secondary Menu, Menu Style but it didn’t seem to make any difference) If there is any CSS to add please provide the code and the exact location I need to paste it

    b) in a bigger font so it stands out (I don’t see ‘Font Size’ in the Advanced Styling. Only font color, background color, border color and font family) If there is any CSS to add please provide the code and the exact location I need to paste it

    c) open it in the same window as a video overlapping the page Where do I put my Youtube URL and how the overall link should look like to be able to do this?

    2) Main Menu sublevel Links

    From all of the options in the Advanced Styling for the main menu dropdown only background color seems to work for me. I’ve tried to change the font size, font color and line height but nothing seems to change. What could be wrong?

    3) The call-to action button on the top slide on the homepage

    I would like when people click on this button to be able to open up, in the same window, a quiz. I don’t have a link for the quiz but just a shortcode provided by the quiz plugin which looks like [123456789]. So how do I put this code instead of a URL link in the Caption section?

    4) Blog Posts on the Homepage To display blog posts on my homepage I used the Blog Posts Content Elements. They display nicely but I would like to be able to:

    a) remove the publication date b) put the blog titles in blue

    5) The Blog Page

    a) I would like the publication date removed. All Blog meta elements are unchecked but publication date still displays. b) I would like a ‘Read more button’ after the post excerpt like on the homepage but not sure how to do it c) put the blog titles in blue

    Thanks for your help!

    #639835

    In reply to: Change table color

    Hi Andy,

    Sure, please take a look at this below image:
    .

    Let me rewrite my questions:
    1> What if I want to change the color of “Price Row”? What is the related code for that? Like the row I have mentioned in the image.

    2> And also please let me know about the codes which changes the font size in cells. (like changing font size of the cell I draw a circle around it)

    Regards and hope it is clear now for you
    Sadegh

    #639630

    Hi,

    Alright. This should work:

    .archive .more-link {
        font-weight: bold;
        font-size: 12px;
    }

    For a quick guide regarding css, you might want to read this: http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016

    Best regards,
    Ismael

    #639604

    In reply to: Transparent Top menu

    Remove color:#000 !important; from:

    #avia2-menu li:nth-child(4) a,#avia2-menu li:nth-child(5) a,#avia2-menu li:nth-child(6) a {background-color: transparent !important;color:#000 !important; padding: 0px !important;font-size:13px !important}
    

    And:

    #header .phone-info.with_nav > span {  color: #000 !important;
      font-size: 13px !important;
      font-weight: normal !important;
    
    }
    
    #639591

    In reply to: Transparent Top menu

    Some code in your style.css is overwriting the submenu coloring:

    .sub_menu > ul > li > a, .sub_menu > div > ul > li > a {
    color:#000 !important;
    font-size:13px !important;
    font-weight:normal !important;
    }

    Default value should be color: inherit;.

    #639438

    OK thanks.
    I added some other css to the quick css in styling to get the background image and larger page title font in the breadcrumb, it seems to align OK.

    .title_container { background-color: transparent!important;background-image: url(“http://mrf-furnaces.com/wp4/wp-content/uploads/2016/05/background1200x100-grey.jpg”); }
    .title_container .main-title{
    font-size: 32px !important;

    related issue :on some pages, the breadcrumb does not show at all, no matter how I set the page layout option:
    “Title Bar Settings
    Display the Title Bar with Page Title and Breadcrumb Navigation”

    On other pages it does display with same settings. Why is this? what prevents the breadcrumb from displaying on some pages even though settings are the same? are there page elements that make the theme forego the breadcrumb?

    #639402

    In reply to: Urgent acces box

    Hi,

    use this code:

    table strong {
    position: relative;
    top: -22px;
    right: -15px;
    }
    table input {
    position: relative;
    top: 10px;
    }
    

    For font size use this:

    table strong span {
    font-size: 14px;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    Blue_Bear
    Participant

    Hi,

    First, thanks for your amazing support, it’s not my first thread and you always been very effective :)

    Now I open this one cause i cannot find the solution in the support or the forum. It’s about the fullwidth submenu item background. I don’t understand why when I open my page I have thisfullwidth submenu item background white with a withe background and when scroll I have this fullwidth submenu background transparent (and the last one is what I want:).

    So far I’ve set up the css below :
    .av-submenu-container { background: transparent; }
    #top .av-subnav-menu li a { border-color: white; background: transparent; color: #FFF; font-family: ‘Gudea’, sans-serif; font-size: 1em; font-weight : 300; }
    #top .av-subnav-menu li a:hover { color: #981e2d; }

    I try to find something specific with firebug but everything I tried didn’t work…

    Do you have a solution ? :)

    Thanks.

    Clément

    Ok, I found the “issue”.

    I had changed the css to

    h3.slide-entry-title.entry title {
    font-size: 1.2em;
    color: #ffffff;
    }

    But then I want the title on the slider to stay white and the grid layout to be grey. As I use postslider in grid layout I can’t. Can you tell me how to achieve this?

    Thank you :-)

    #638755

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .grid-entry-excerpt strong { font-size: 16px !important; font-style: normal !important; }
    

    Best regards,
    Yigit

    #638610

    Hi @Ismael,

    Perfect. That’s what I was looking for. But how can I change the looks of the blog grid on the ‘Achived page’?
    I want the blog grid on ‘Meddelelser Test’ to look like the one on ‘Meddelelser’.

    The blog style I have selected:
    – Grid layout
    – 3 columns
    – Title and Excerpt + Read More Link
    – Choose the preview image size manually (select thumbnail size)
    – No scaling (Original width X original height)
    – 9 Post number
    – Deactivate Offset number
    – Pagination Yes
    – Always Display the element Conditional display

    And I have a CSS for ‘Læs Mere’ (Read More) under each blog grid post:

    .invfront a.more-link {
    top-padding: 10px;
    color: #2c4143;
    font-weight: bold!important;
    }

    What CSS should I apply to change the blog grid to match the layout of ‘Meddelelser’?

    • This reply was modified 9 years, 11 months ago by changegroup. Reason: added CSS for read more button I use
    #638540

    In reply to: Custom Footer

    Hi Vinay,

    Thanks for your valuable reply. I have designed footer but need to change background color ,font size and under line the headings.
    could you please let me know how to do this in template ?

    thanks.

    #638484

    In reply to: Change table color

    Hi Andy,

    > Please take a look at the page from the given address in private area.
    Here is my questions:
    1> What if I want to change the color of “Price Row”? What is the related code for that?
    2> And also please let me know about the codes which changes the font size in cells.

    #638282
    DMONAHAN
    Participant

    Hi – I am looking to have these social icons to show the colors that is currently shown when you hover it. Bascially I want to reverse it so you can see the colors. As well if can make the squares into round. I tried border-radius: 100px !important in the CSS and still doesn’t change.

    Here is what I have in the footer 1 widget:
    <ul class=”noLightbox social_bookmarks icon_count_2″><li class=”social_bookmarks_twitter av-social-link-twitter social_icon_1″><span class=”avia_hidden_link_text”>Twitter</span><li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_2″><span class=”avia_hidden_link_text”>Linkedin</span>

    CSS:
    #footer .social_bookmarks li {
    clear: none !important;
    border: 0 !important;
    border-radius: 100px !important;
    font-size: 16px;
    }

    #638119

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    a#advanced_menu_toggle:before {
        content: 'Menu';
        font-size: 14px;
        top: -7px;
        position: relative;
    }
    #mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a { 
    background: rgba(227,123,43,0.5) !important; 
    }
    #advanced_menu_toggle, #advanced_menu_hide {
        border-radius: 100px;
    }
    

    Best regards,
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .sort_by_cat {
        font-size: 16px;
    }
    span.text-sep, .sort_by_cat span {
        color: red!important;
    }
    .main_color #js_sort_items a.active_sort {
        color: #6786a1!important;
    }
    

    Best regards,
    Yigit

    #638056

    In reply to: Header question

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .phone-info {
        font-size: 16px;
    }
    @media only screen and (max-width: 480px) {
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
        float: left;
    }}
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #637577

    Hey xuamox,

    You can target your H4 tag using following code in Quick CSS

    .employment-form h4 { color: orange !important; font-size: 20px !important; }

    If that does not help, please elaborate on the changes you would like to make as i am not sure if i understood you clearly :)

    Best regards,
    Yigit

    #637526

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 1024px) and (min-width: 767px) {
    .av-image-caption-overlay-center p {
        font-size: 16px;
        line-height: 14px;
    }}
    .avia-image-container.avia-align-center:hover .av-image-caption-overlay-center p { opacity: 0!important; }
    

    Best regards,
    Yigit

    jambrikp
    Participant

    Hey,

    I would like add a fix grid row element before the footer. I use Woocommerce and I can not use ALB on shop pages.
    Do you have function, filter etc to add shortcode (grid row) before the footer? Or something else?

    Please check my mockup and live previews. On home page I can add grid row element with ALB, but on shop page I can not do that.

    This is the shortcode (I used debug function to know):

    [av_layout_row border='' min_height='' color='main_color' mobile='av-flex-cells' id='icon-category' custom_class='']
    [av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='bottom left' background_repeat='repeat-y']
    
    [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-01.jpg' attachment='165' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class='']
    <span class="special-overlay-icon-1"></span><p class="special-overlay-icon-1-text">Kutyaeledel</p>
    [/av_image]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='repeat-y']
    
    [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-04.jpg' attachment='169' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class='']
    <span class="special-overlay-icon-2"></span><p class="special-overlay-icon-2-text">Macskaeledel</p>
    [/av_image]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='bottom right' background_repeat='repeat-y']
    
    [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-05.jpg' attachment='171' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class='']
    <span class="special-overlay-icon-3"></span><p class="special-overlay-icon-3-text">Jutalomfalat</p>
    [/av_image]
    
    [/av_cell_one_third]
    [/av_layout_row]

    Best Regards,
    Peter

    #637357

    Topic: Header question

    in forum Enfold
    SecretDiamonds
    Participant

    Hello :)

    I want to change the font size and the position of the phone number in the top header. Another problem occurs: the flags of WPML and phone number are overlayed when you watch with mobile device. How can I fix this problem?

    Thank you!

    Sylvana

    #637340

    Hey mcraig77,

    It should be available in the edit options of the button element if not enable Custom CSS Class Name support for Advanced Layout builder elements and add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

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

    then use the class name “custom-font” on the buttons custom css class name.

    Best regards,
    Vinay

    #637296

    In reply to: Mobile Menu – links

    Hey Marsha,

    Thank you for using Enfold.

    This is the default behaviour of the parent menu item when you hide the sub menu items. We can add a link beside the “parent menu item” but I’m not sure if you will like it. Add this in the functions.php file:

    // add go to link
    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script>
    (function($){
    	var $html = $('html');
    
    	$('#mobile-advanced .menu-item-has-children.menu-item-top-level > a').each(function() {
    		$(this).append('<span class="mega-goto-link">Go to this page</a>');
    	});
    
    	$html.on('click', '.mega-goto-link', function() {
    		var href = $('.mega-goto-link').parent('a').attr('href');
    		window.location.href = href;
    	});
    })(jQuery);
    </script>
    <?php
    }

    And the following code in the Quick CSS field:

    .mega-goto-link {
    font-size: 11px;
    position: absolute;
    right: 50px;
    cursor: pointer;
    }
    
    @media only screen and (min-width: 989px) {
      .mega-goto-link {
        display: none;
      }
    }

    Best regards,
    Ismael

    #637181

    Hey buddyq,

    Once you enable debug mode as mentioned here http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Go ahead and add any element from advanced layout builder to see it’s shortcode in the area below as shown in the below screenshot.

    Below is the shortcode for pricing table you can copy and paste it in the debug area and save the page to view the pricing table.

    
    [av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow']
    [av_table purpose='pricing' caption='']
    [av_row row_style='avia-heading-row'][av_cell col_style='']Private Plan[/av_cell][av_cell col_style='avia-highlight-col']Business Plan[/av_cell][av_cell col_style='']Mega Plan[/av_cell][/av_row]
    [av_row row_style='avia-pricing-row'][av_cell col_style='']10$
    <small>per month</small>[/av_cell][av_cell col_style='avia-highlight-col']20$
    <small>per month</small>[/av_cell][av_cell col_style='']50$
    <small>per month</small>[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']1 GB Bandwidth[/av_cell][av_cell col_style='avia-highlight-col']10 GB Bandwidth[/av_cell][av_cell col_style='']Unlimited Bandwidth[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']10 MB Max File Size[/av_cell][av_cell col_style='avia-highlight-col']50 MB Max File Size[/av_cell][av_cell col_style='']No Maximum File Size[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']3 GHZ CPU[/av_cell][av_cell col_style='avia-highlight-col']5 GHZ CPU[/av_cell][av_cell col_style='']5 GHZ CPU[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']256 MB Memory[/av_cell][av_cell col_style='avia-highlight-col']1024 MB Memory[/av_cell][av_cell col_style='']4 GB Memory[/av_cell][/av_row]
    [av_row row_style='avia-button-row'][av_cell col_style=''][av_button label='Get Private Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='25']
    
    [/av_cell][av_cell col_style='avia-highlight-col'][av_button label='Get Business Plan' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='29']
    
    [/av_cell][av_cell col_style=''][av_button label='Get Mega Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='44']
    
    [/av_cell][/av_row]
    [/av_table]
    [/av_section]
    
    

    Best regards,
    Vinay

    #637000

    Hey macomac75,

    1- Please try the code as following

    @media only screen and (max-width: 480px) {
    h1 {font-size: 12px!important; }
    }

    2- Please make sure that you are not seeing your transparent logo. You can change your transparent logo in Enfold theme options > Header > Transparency Options
    3- I am not sure if i understood this one clearly. Can you please post a screenshot and show the changes you would like to make? :)

    Best regards,
    Yigit

    #636954

    Hey ACNLatitudes,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #menu-item-search.menu-item-search-dropdown>a:after {
        content: ' Search';
        font-size: 13px;
    }
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #636904

    Thanx a lot, it works.
    Is it possible to change the Font Size and line height only for the tablet version?

    And there is still the question, if it´s possible to fade out the text on hover (mouse rollover)?

    best regards again

    Ricarda

    #636884

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #socket a {
        font-size: 16px;
    }
    

    Best regards,
    Josue

    #636866

    Hi,

    Change your code in functions.php to this:

    add_action('ava_before_bottom_main_menu', function() {
    	echo do_shortcode("[av_button label='Client Login' link='manually,http://www.google.com' link_target='' size='small' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#ff6000' custom_font='#ffffff' custom_class='']");
    });
    

    Best regards,
    Josue

Viewing 30 results - 11,221 through 11,250 (of 18,744 total)