Viewing 30 results - 11,161 through 11,190 (of 18,744 total)
  • Author
    Search Results
  • #644786

    In reply to: Website not responsive

    Hi,

    You have following code in Quick CSS

    body {
        color: #444;
        font-family: "Open Sans",sans-serif;
        font-size: 13px;
        line-height: 1.4em;
        min-width: 600px;
    }

    Please remove " min-width: 600px;" line from there

    Best regards,
    Yigit

    #644784
    Monique
    Participant

    Hi guys,

    Building a new website in Enfold and bumping into a small problem. Changing the font size in special heading doesn’t take effect.

    In child theme options the h2 is set to 26.
    The special heading is set to 40, but the actual size is still 26. I suppose the special heading should overwrite the setting in child theme options?
    I have not created any custom css yet.

    Please advise.

    Thanks & regards,
    Monique

    #644746

    In reply to: Image Overlay

    Ah ok.

    We want to be flexible and use different icons. The long way is create a new icon and look in the avia shortcode like this:
    [av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon]

    I thought only you have a reference of it to make it faster…

    #644613

    Topic: Tabs on Mobile

    in forum Enfold
    BrendaSarg
    Participant

    Hi there,

    I added the following code for the pricing table I have in an accordion.

    .tab_titles {
    margin-left: 42%;
    }

    .tab {
    font-size: 16px !important;
    }

    .pricing-table {margin-left: 380px; margin-right: 380px;}

    div .main_color .tabcontainer .active_tab { background-color: #004a87; font-color: white; }

    .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab {
    color: #ffffff;
    }

    I love it on desktop, but on mobile it looks terrible? Can you help me out?

    #644402

    In reply to: Change Button Text

    Hey creatiffco,

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

    .avia-button  .avia_iconbox_title {
    	font-size: 16px;
    	font-weight: 600;
    }
    

    For a responsive Layerslider please make sure the “Responsive” options is turned on in Admin > LayerSlider > Slider of your choice > Slider Settings > Responsive mode

    Best regards,
    Vinay

    #644330

    In reply to: id in a grid row

    Hi,

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

    
    #ent-asso h2{
    	font-size:20px!important;
    }
    

    Best regards,
    Vinay

    #644297
    atdm86
    Participant

    I’ve relatively recently updated the enfold theme to version 3.5.4 and have seemed to be getting problems since then.
    The custom.css file no longer seems to respond to input/alterations. WordPress does allow me to enter css into the quick css area of the enfold theme and that does show style changes up for a while however it can be prone to just breaking for no reason with the previous style entered being set and no css alteration being able to change it without wiping the site and building again.
    Here is the css for my site, it was working before the update so maybe alterations are needed.

    .html_header_top.html_logo_center .logo{ left:0%;
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    }
    .avia-msie-8.html_header_top.html_logo_center .logo { left:0%;}

    .header_color .main_menu ul:first-child > li > a { color: #ffffff; font-weight: normal; font-size: 30px;}
    .header_color .main_menu ul:first-child > li a:hover { color: #ffffff; font-weight: bold; font-size: 30px;}
    .header_color .main_menu ul:first-child > li.current_page_item > a { color: #D9D9D9; font-weight: bold; font-size: 30px;}
    .header_color .main_menu ul > li {padding-left: 20px; padding-right: 20px;}

    .header_color .main_menu ul > li:nth-child(1) > a {background: #9E9D9D;}
    .header_color .main_menu ul > li:nth-child(2) > a {background: #9AABBA;}
    .header_color .main_menu ul > li:nth-child(3) > a {background: #8D7263;}
    .header_color .main_menu ul > li:nth-child(4) > a {background: #FF9955;}
    .header_color .main_menu ul > li:nth-child(5) > a {background: #DC27F4;}
    li {white-space: nowrap;}

    switchWidth = 950;

    #644259

    In reply to: text size different

    Hi,

    The font size is coming from 2 places on your site.

    1. Default font size is set in Enfold > general Styling > Fonts

    2. The other one i think you have set in the text editor while entering the text.

    The font size entered in text editor will override the default font size.

    Please check in both the places if you still have any issue we need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Vinay

    #644218

    Hey!

    Please add following code to Quick CSS

    .avia-content-slider .slide-entry-title {
        font-size: 19px;
    }

    If that does not help, please post screenshots showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    #643919

    In reply to: id in a grid row

    On this page, I have a grid row with one cell and a text block and inside a h2 (COMERSO présente la seule solution clef en main et sécurisée
    qui valorise vos invendus en conformité avec la législation en vigueur.)
    I want to give a different style to this h2 compared to the other h2 of the site.
    For the moment I’ve put <h2 style=”text-align: center; text-transform: none; font-size: 32px;”> directly in the text block
    But it’s not relevant I’d like to put this style in css (to be able to reduce the font size on mobile). I’ve seen that in the grid row, we can add a ID section. I’ve put “ent-asso” and I also tried “#ent-asso”, which one should I enter in the grid row id section.
    And then, how can I change the h2 style properly? I’ve tried several things but I don’tmanage to do it.
    #ent-asso h2 { }
    #ent-asso #top #wrap_all .main_color h2 { }

    Hope it’s clearer, tx !!

    #643851

    In reply to: text size different

    Hi Rikard,

    I set the text font size to 17px within the text block with the background picture because this section should be bigger than the others. The former text size all over the site was 14px before. I increased it to 17 px so can better see the difference. I added a screenshot.

    http://www.screencast.com/t/yvHztXAUS

    The smaller text is placed within a text block.

    Thanks, Sophie

    #643838

    In reply to: baseline shift

    Hey,

    Try using position instead:

    .shift {font-size:50px !important; font-family: ‘Marcellus SC’, serif; letter-spacing: 4px !important; position: relative; bottom: 20px; }
    
    

    Best regards,
    Josue

    #643809

    In reply to: text size different

    Hi Sophie,

    The large text is placed in a text block with this styling:

    font-size:17px;
    

    and the smaller text is not placed within a text block. If you change that the texts should all be the same size.

    Thanks,
    Rikard

    #643479

    Topic: id in a grid row

    in forum Enfold
    Jeff
    Participant

    Hello,

    Do we have to put # in a grod row id section ?
    I’m trying to improve my h2 title on mobile but I can’t by reducing the font-size.
    Can you help?
    Tx,
    Marine

    #643449
    kaloraat
    Participant

    Hi There,
    I have created a header widget with logo left menu below option. Widget contains contact info and social icons in large fonts which is desired by client.

    The problem is it looks good on large screen until you scroll the page. Once you scroll the page the widget overflows when you resize screen, Its all over the place.. a total mess.

    I posted this issue earlier as well and you guys helped me make it working somehow but at client’s request once I increase the size of text, Its all broken again. I spend several hours on my own but could not get it right.

    Can you please help me make it responsive for all screen size and fit in the top header section in page scroll. I have put my login info in private section as well, please try your best to fix it so that i dont have to bother you guys many times with the same issue.

    please look at these screenshots or visit the page to see yourself.(link in private info)
    http://prntscr.com/bcz4fm
    http://prntscr.com/bcz4oc
    http://prntscr.com/bcz4vv

    Thank you very much!

    #643448

    Topic: baseline shift

    in forum Enfold
    smoothbob
    Participant

    Hi

    on this page

    http://www.transcar.co.uk/

    I am trying to adjust the baseline shift of the words BY and & in the banner caption

    I am using the css

    .shift {font-size:50px !important; font-family: ‘Marcellus SC’, serif; letter-spacing: 4px !important; baseline-shift: 20px !important }

    but it does not work

    it is not important but if it is possible to fix them that would be great

    thanks!

    #643205

    In reply to: enfold shop example

    Hey dabomb,

    It was made using Grid Rows available in the layout elements and images were inserted.

    Try enabling the debug mode and use the below shortcode http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections']
    [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
    
    [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
    NEW
    WINTER COLLECTION
    [/av_image]
    
    [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
    
    [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
    LATEST
    STREET CLOTHES
    [/av_image]
    
    [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
    
    [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
    FRESH
    SPORTSWEAR
    [/av_image]
    
    [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
    
    [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
    FUNKY
    ACCECCOIRS
    [/av_image]
    
    [/av_cell_one_fourth]
    [/av_layout_row]
    
    

    To remove all caps from h tags would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #643199

    Hey TobYi,

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

    This will affect all the h1 size it is best to use a custom class name on a colorsection or h1 element and target it.

    To enable custom css class name please check http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    @media only screen and (max-width: 767px) {
    	h1.av-special-heading-tag {
    	font-size:35px!important;
    }}
    

    Best regards,
    Vinay

    #643174
    TobYi
    Participant

    Hi!

    I tried some codes in the quick CSS, but it doesn’t work.

    @media only screen and (max-width: 767px) {
    .av-inherit-size .av-special-heading-tag {
    font-size: 0.7em !important;
    }
    }

    Here is a screenshot:
    http://fs5.directupload.net/images/160605/edqucjjl.png

    • This topic was modified 9 years, 10 months ago by TobYi.
    #643090

    Hi,


    @w3newbie
    thank you for sharing the tip.

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

    .entry-title a{
    	color:#000!important;
    	font-size: 20px;    
            font-weight: 600!important;
    }
    

    Best regards,
    Vinay

    #643087

    You can try the in general styling > quick CSS

    .entry-title {
    font-family: ‘Montserrat’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    font-size: 24px!important;
    color: #38424B!important;
    }

    You may want to change the size for mobile.

    #643006

    Hi Basilis,

    Thank for your reply.
    In WP it is possible to set a different alt tag to an image when it is inserted in a page.

    It would be great if we can add the alt tag to the shortcode (in text view), is it possible to add an alt tag to the shortcode like below:

    [av_image src='https://www.site.com/wp-content/uploads/image.png' attachment='1110' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class=''][/av_image]

    #642799

    Hi Vinay,

    Thanks for your response but it hasn’t really changed too much, only sightly decreasing the navy background height of the’Horse Racing Tours’ link but the gap still remains. http://ambassadortravel.com.au/new/home/
    I can’t work out what is causing this problem. Do you think that there may be some overriding code? Just to note, this is what I currently have in the Quick CSS field. Is there some other code I need to be looking at?

    Regards,

    Steffen

    .avia-menu-text{
    font-size: 15px;
    }

    .av-subnav-menu a:hover, .alternate_color .main_menu ul:first-child > li a:hover, .alternate_color .main_menu ul:first-child > li.current-menu-item > a, .alternate_color .main_menu ul:first-child > li.current_page_item > a, .alternate_color .main_menu ul:first-child > li.active-parent-item > a {
    color: red;
    background: blue;
    }

    .av-subnav-menu a:active, .alternate_color .main_menu ul:first-child > li a:hover, .alternate_color .main_menu ul:first-child > li.current-menu-item > a, .alternate_color .main_menu ul:first-child > li.current_page_item > a, .alternate_color .main_menu ul:first-child > li.active-parent-item > a {
    background: red;
    }

    .widget.widget_nav_menu a {
    background: #01226f;
    color: white;
    border-bottom: 1px solid white;
    padding: 0px 20px;
    font-weight: normal;
    text-align: left;
    }

    .widget.widget_nav_menu a:hover {
    color: orange;
    }

    h3.widgettitle {
    text-align: center;
    color: black;
    background: white;
    margin: 0px;
    padding 0px 100%;
    line-height: 30px;
    }

    .widget_nav_menu h3.widgettitle {
    text-align: center;
    color: white;
    background: black;

    font-weight: normal;
    }

    .textwidget {
    margin-top: 10px;
    text-align: center;
    color: white;
    font-size: 12px;
    line-height: 22px;
    }

    .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
    background:transparent;
    }

    .current_page_item>a, .main_color .sidebar .current-menu-item>a {
    color:gold;
    padding-left:20px!important;
    }

    #top .av-submenu-pos-left {
    text-align: left;
    padding-left: 420px;
    }

    td {
    font-size: 16px;
    padding: 0px 0px;
    border-width: 0px;
    border-left: none;
    border-top: none;
    }

    .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
    padding-top:0px!important;
    }

    #642789

    Topic: Shortcode to html

    in forum Enfold
    hdpcr
    Participant

    Hi
    Is there a way to transform Enfold shortcode to html/div so i can insert it as html where shortcode cannot be read normaly
    E.G.
    [av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Test' link='' linktarget='' size='40px' position='center' color='' custom_class=''][/av_font_icon]
    to
    <div class=”avia-……. ec…
    Its very usefull as it many things works great as html code

    Than you very much

    #642765
    richardbeatty
    Participant

    Hi

    I’ve used enfold for 3 years on several sites and haven’t had this problem before

    I’ve added a table on https://www.skincheck.com.au/skinclinic/shingles/
    The issue is that the table just appears as raw data as follows …
    (latest enfold/WP – only 3 active plugins)
    pls let me know if you need login credentials

    < $10[/av_cell][av_cell col_style='']Not that effective[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Anti-Inflammatory eg. Ibuprofen[/av_cell][av_cell col_style='']Oral[/av_cell][av_cell col_style='']No Prescription[/av_cell][av_cell col_style='']+[/av_cell][av_cell col_style='']+[/av_cell][av_cell col_style='']3 times daily[/av_cell][av_cell col_style='']< $10[/av_cell][av_cell col_style='']small risk of Gastrointestinal side bleeding[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Opiate Pain killers (® Panadeine Forte)[/av_cell][av_cell col_style='']Oral[/av_cell][av_cell col_style='']Prescription / no prescription[/av_cell][av_cell col_style='']+[/av_cell][av_cell col_style='']++[/av_cell][av_cell col_style='']3-4 times daily[/av_cell][av_cell col_style='']<$20[/av_cell][av_cell col_style='']Drowsiness, potential dependence[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Capsaicin Cream (®Zostrix HP)[/av_cell][av_cell col_style='']Topical[/av_cell][av_cell col_style='']No Prescription[/av_cell][av_cell col_style='']++[/av_cell][av_cell col_style='']++[/av_cell][av_cell col_style='']4 times daily[/av_cell][av_cell col_style='']$25-$35[/av_cell][av_cell col_style='']Apply to healed, intact skin[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Lidocaine Patch (®Versatis)[/av_cell][av_cell col_style='']Topical[/av_cell][av_cell col_style='']Prescription[/av_cell][av_cell col_style='']++[/av_cell][av_cell col_style='']+[/av_cell][av_cell col_style='']once daily[/av_cell][av_cell col_style='']$$$[/av_cell][av_cell col_style='']Apply to healed, intact skin[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Amitriptyline (®Endep)[/av_cell][av_cell col_style='']Oral[/av_cell][av_cell col_style='']Prescription[/av_cell][av_cell col_style='']+++[/av_cell][av_cell col_style='']+++[/av_cell][av_cell col_style='']once daily[/av_cell][av_cell col_style='']$10-$15[/av_cell][av_cell col_style='']Takes 4 to 8 weeks to work up to the right dose[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Pregabalin (®Lyrica)[/av_cell][av_cell col_style='']Oral[/av_cell][av_cell col_style='']Prescription[/av_cell][av_cell col_style='']+++[/av_cell][av_cell col_style='']+++[/av_cell][av_cell col_style='']twice daily[/av_cell][av_cell col_style='']$37-$40*[/av_cell][av_cell col_style='']Dose also increased slowly[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='avia-desc-col']Gabapentin (®Neurontin)[/av_cell][av_cell col_style='']Oral[/av_cell][av_cell col_style='']Prescription[/av_cell][av_cell col_style='']+++[/av_cell][av_cell col_style='']+++[/av_cell][av_cell col_style='']3 times daily[/av_cell][av_cell col_style='']$10-$20[/av_cell][av_cell col_style='']Takes around 4 weeks to get to the right dose[/av_cell][/av_row] [/av_table] [/av_one_full][av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_textblock size='' font_color='' color='']

    Thanks

    Richard

    #642608

    Hey Rikard,

    thank you for your answer! I just found out that the formula headline is a h3, so i changed the font size in the css-code.

    Sadly, i was not able to solve my license issue.
    Currently, the website is at maintenance mode and there is only one page running.
    Just let me know if you still need the website information.

    Best,
    Timm

    #642324

    Hi!

    Please use following instead

    .phone-info { font-size: 18px; }

    Best regards,
    Yigit

    #642318

    Is this the correct quick CSS to change the font size of the phone number in the top right?

    .social_header .phone-info { font-size: 18px; }

    kaloraat
    Participant

    Hi
    I am having issues with the header, Can someone help me ..
    Issue 1. I cant click logo, it is not clickable. Try yourself. I think the right side widget is sitting on top of the logo element or something wrong!

    Issue 2. Social icons appears on top of body. It is not contained within header. It does need to shrink with the header element on page scroll. Cant leave it flow out of header, and the client insists the same size font logo and icons, not smaller than that.

    Please look at this screenshot

    This header widget is supported by enfold, not something i am trying to customize beyond theme’s ability.. But it has to not only look right but perform right too. Logo is not clickable because of this widget. It also does not contain all the elements within header, try scrolling page up and down visit page. I have also update theme but no change.

    I have already spend almost a week on this header issue, Please help me fix this. I have provided login details in private content.

    Thank you!

    Please fid\x this.
    Thank you.

    #641921

    this is part of Media Querries

    for example :

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

    this will work for screen only and underneath a width of 480px
    you see on that link that you can set a lot of options – maybe you only want to set print font size :

    @media print {
        body {
            font-size: 14px;
        }
    }

    but if you like to overwrite some rules on enfold you have to think about the class: “.responsive” which is added if you are beneath the width you set for mobile behaviour on enfold options dialog.
    etc. pp.

    btw. it is often recomended that you set those rules to !important

    • This reply was modified 9 years, 11 months ago by Guenni007.
Viewing 30 results - 11,161 through 11,190 (of 18,744 total)