Viewing 30 results - 3,451 through 3,480 (of 18,732 total)
  • Author
    Search Results
  • #1242015

    In reply to: H1 is in ALL CAPS

    This reply has been marked as private.
    #1241995

    Hi,
    Sorry for the late reply and thanks for the login, so to create two widgets in the header with the logo in the center and the menu below I followed the steps here, please see number 2: Widget left, Logo center, widget right, menu below.
    Please note the setup instructions, where it says Enfold > Header > Header Layout > Menu and Logo Position needs to be Logo left, Menu right, I set this for you and then added the css and I copied your widgets and css from your example site and added it to your new widgets.

    .topKnap a,.topKnap a:hover {
        width: 140px;
        height: 48px;
        color: #fff;
        display: inline-block;
        text-align: center;
        margin-right: 6px;
        padding: 13px 0;
        font-weight: bold;
        font-size: 14px;
        position: relative;
        float: right;
        -moz-transition: 200ms all ease-in-out;
        -o-transition: 200ms all ease-in-out;
        -webkit-transition: 200ms all ease-in-out;
        transition: 200ms all ease-in-out;
        background-color: #DAC7A6;
    }
    .topKontakt a,.topKontakt a:hover {
        color: #666666;
        font-size: 14px;
        text-decoration: none;
        background-color: transparent;
        display: inline;
    }

    You can check the full css in your child theme stylesheet, please clear your browser cache and check.

    Best regards,
    Mike

    #1241989

    Hi!
    I have tried to change the font family for well, anything. Sometimes it works and sometimes it does not. Now I have made a section with H1 to H6 Special Headings. They are all set in the Advanced Styling tab with different colors, sizes and font families. They change size but not fonts or colors. In the preview of each Special Heading I can sometimes see the right font but not always. (I have also made a screenshot of the first at the bottom of the page, in case it would look different on your end)

    Regards,
    Roger

    #1241931

    Hey aebli,

    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

    
    .footer_color tr:nth-child(odd), 
    .footer_color .pricing-table>li:nth-child(odd),
     .footer_color .pricing-extra {
        background: #222222;
    }
    .footer_color td {
        border-color: #5d5656;
        font-size: 16px;
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1241910

    Hey Morticka,

    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 .cart_dropdown_first .cart_dropdown_link {
        font-size: 30px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1241847

    Hi,
    Thank you for the login, I added this css in your Quick CSS:

    .html_burger_menu_active #header .avia-menu #menu-item-phone {
    	display: block !important;
    }
    #menu-item-phone a:before {
    	 font-size: 35px;
    }

    Please adjust the font to suit, if needed, and then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1241629

    In reply to: bold text

    Hi many thanks!

    I have removed the section you mentioned
    font-weight:bold;
    however as you can see on this page the top text is still bold
    on other text I have to use <span style=”font-weight: normal;”> to override this

    also I removed
    color:#000;
    but the links are still not blue

    finally I changed text size to be 16 px but no difference

    #1241569

    In reply to: bold text

    Hi bencottrell,

    After checking it properly, there’s one missing letter in the email address (private content).
    The code you are looking for is this (found in Enfold > General Styling > Quick CSS):

    .main_color p
    {
    font-weight:bold;
    color:#000;
    font-size:18px;
    }

    Just remove:

    font-weight:bold;

    Best regards,
    Nikko

    Hi,

    Thank you for the inquiry.

    You can start with this css code to remove the icon and adjust the position of the slide content so that it’s above the slide image or the purple box. It might require some adjustments specially on mobile view.

    #top .avia-content-slider .slide-image .fallback-post-type-icon {
    	display: none !important;
    }
    
    #top .avia-content-slider .slide-content {
    	position: absolute;
    	top: 0;
    	color: #ffffff;
    	padding: 10px;
            width: 100%;
    }
    
    #top .avia-content-slider .slide-entry-title.entry-title, #top .avia-content-slider .slide-entry-title.entry-title a {
    	font-size: 17px;
    	color: #ffffff !important;
    }

    Best regards,
    Ismael

    can you please look again and give me a tip.
    best regards Ralph

    /*—————————————-
    // CSS – Multicolor tabs
    //————————————–*/

    /* Tab 1 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler {
    background: #ffb600;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggle_content {
    background: #fff8eb;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-1_weiß-auf-Farbe_40px.png);
    padding-right: 5px;
    }

    /* Tab 2 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler {
    background: #ee7623;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggle_content {
    background: #fef2e9;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-2_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 3 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler {
    background: #d50037;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggle_content {
    background: #fbecea;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-3_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 4 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler {
    background: #e64783;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;

    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggle_content {
    background: #fdeff4;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-4_weiß-auf-Farbe_40px.png);
    padding-right: 5px;
    }

    /* Tab 5 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggler {
    background: #923a7f;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggle_content {
    background: #f3ecf4;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-5_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }
    /* Tab 6 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggler {
    background: #0071ce;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggle_content {
    background: #ebeff9;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-6_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 7 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggler {
    background: #00a6ce;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }

    .av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggle_content {
    background: #edf7fb;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-7_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 8 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggler {
    background: #37b30e;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggle_content {
    background: #f2f7ed;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-8_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 9 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggler {
    background: #04963f;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggle_content {
    background: #ebf0ea;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-9_weiß-auf-Farbe_40px-1.png
    );
    padding-right: 5px;
    }

    /* Tab 10 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggler {
    background: #5b6670;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggle_content {
    background: #f0f1f2;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-10_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab title color */
    .av-accordion-bg-multi .toggler,
    .av-accordion-bg-multi .toggler.activeTitle:hover {
    color: #FFF;
    border:none;
    }

    /* Hide default icon */
    .av-accordion-bg-multi .toggle_icon {
    display: none;
    }

    #top .av-accordion-bg-multi .toggler {
    padding-left:20px;
    /*height: 53px !important;*/
    font-size: 18px;
    font-weight: bolder;
    }

    #top .av-accordion-bg-multi .activeTitle {
    height: 44px !important;
    }

    /* Individuelle Content-Linkfarbe */
    .av-accordion-bg-multi .toggle_content a:link,
    .av-accordion-bg-multi .toggle_content a:visited,
    .av-accordion-bg-multi .toggle_content a:hover,
    .av-accordion-bg-multi .toggle_content a:active {
    color: #7b8082!important;
    }
    .av-accordion-bg-multi .toggle_content a:link strong,
    .av-accordion-bg-multi .toggle_content a:visited strong,
    .av-accordion-bg-multi .toggle_content a:hover strong,
    .av-accordion-bg-multi .toggle_content a:active strong{
    color: #7b8082!important;
    }

    Hey Nancy,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
    .woocommerce-message{
        font-size: 10px!important;
        line-height: 20px!important;
    }}

    Best regards,
    Jordan Shannon

    Nancy
    Participant

    Hey!
    I was checking out my mobile site and noticed that when I add a product to the cart a green notification pops up.

    I was wondering if we can make that notification content (text + button) smaller on the MOBLIE version only?

    Not sure if we can make the font smaller and/or have the button “Continue Shopping” show up below the text rather than on the same line as the text (makes it look crowded).

    Thanks!

    #1240996

    I realized that I was not on the latest Enfold, so updated but the problem got even worse. Now I’m stuck on a font that’s bold no matter where I try to change it. I can edit the text block but only color and size..very strange.

    #1240989
    Technohead
    Participant

    Hi!
    I have just started on a new site and ran into a problem with fonts. No matter where I change the font family or the font size they will not change. I have tried both in the General styling menu/fonts and in the Advanced styling/body. What am I missing here? Never had any issues with this before.

    Regards,
    Roger

    #1240944

    Hi,

    Sorry for the delay. According to the page speed insight tool the page is too big or has an excessive DOM size which might also cause the layout shifts or affect the CLS score. Is there any possibility to decrease the content in the page?

    A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn more.

    The page contains 1,656 elements in total, which is quite huge.

    And according to the reports, the pseudo element before contributes most to the CLS of the page. We are not really sure from which element that is, but it is probably referring to the font icons which is added using the pseudo element.

    CLS Contribution
    ::before
    <::before>

    Best regards,
    Ismael

    #1240911
    sftsengineering
    Participant

    Hi all!

    I am currently playing around with tables and already got some icons in there with below code:
    [av_font_icon icon='ue812' color='#000000' size='20px'][/av_font_icon]

    I am stuck now at aligning the content “center” for those cells (or alternatively for the entire column).
    Is this something i can add to the cell content directly using code or do i need to alter some css?
    The content should ideally be centered vertically and horizontally and it is a “Center Text Column”.

    The table is on below page a bit farther down.
    The right column with tick-marks should be “center-center”.

    Any help on this would be great!
    Matt

    I don´t know why, but it dosen´t work…

    This is the code:
    /*—————————————-
    // CSS – Multicolor tabs
    //————————————–*/

    /* Tab 1 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler {
    background: #ffb600;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggle_content {
    background: #fff8eb;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-1_weiß-auf-Farbe_40px.png);
    padding-right: 5px;
    }

    /* Tab 2 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler {
    background: #ee7623;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggle_content {
    background: #fef2e9;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-2_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 3 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler {
    background: #d50037;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggle_content {
    background: #fbecea;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-3_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 4 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler {
    background: #e64783;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;

    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggle_content {
    background: #fdeff4;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-4_weiß-auf-Farbe_40px.png);
    padding-right: 5px;
    }

    /* Tab 5 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggler {
    background: #923a7f;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggle_content {
    background: #f3ecf4;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-5_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }
    /* Tab 6 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggler {
    background: #0071ce;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggle_content {
    background: #ebeff9;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-6_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 7 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggler {
    background: #00a6ce;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }

    .av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggle_content {
    background: #edf7fb;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-7_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 8 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggler {
    background: #37b30e;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggle_content {
    background: #f2f7ed;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-8_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab 9 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggler {
    background: #04963f;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggle_content {
    background: #ebf0ea;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-9_weiß-auf-Farbe_40px-1.png
    );
    padding-right: 5px;
    }

    /* Tab 10 */
    .av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggler {
    background: #5b6670;
    padding: 0 0 0 0 !important;
    margin-bottom: -8px;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggle_content {
    background: #f0f1f2;
    }
    .av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggler:before {
    content: url(https://protom-education.com/wp-content/uploads/2020/08/Icon_Modul-10_weiß-auf-Farbe_40px.png
    );
    padding-right: 5px;
    }

    /* Tab title color */
    .av-accordion-bg-multi .toggler,
    .av-accordion-bg-multi .toggler.activeTitle:hover {
    color: #FFF;
    border:none;
    }

    /* Hide default icon */
    .av-accordion-bg-multi .toggle_icon {
    display: none;
    }

    #top .av-accordion-bg-multi .toggler {
    padding-left:20px;
    /*height: 53px !important;*/
    font-size: 18px;
    font-weight: bolder;
    }

    #top .av-accordion-bg-multi .activeTitle {
    height: 44px !important;
    }

    /* Individuelle Content-Linkfarbe */
    .av-accordion-bg-multi .toggle_content a:link,
    .av-accordion-bg-multi .toggle_content a:visited,
    .av-accordion-bg-multi .toggle_content a:hover,
    .av-accordion-bg-multi .toggle_content a:active {
    color: #7b8082!important;
    }
    .av-accordion-bg-multi .toggle_content a:link strong,
    .av-accordion-bg-multi .toggle_content a:visited strong,
    .av-accordion-bg-multi .toggle_content a:hover strong,
    .av-accordion-bg-multi .toggle_content a:active strong{
    color: #7b8082!important;
    }

    • This reply was modified 5 years, 7 months ago by rallegrafix.
    #1240307

    Hi Rikard,

    thank you, that would work. The bottom part of the text disappears though. Do you have any idea why that happens?

    The reason why I tried to avoid padding is the issues that it might give with responsiveness.
    We make most font sizes smaller on mobile, and that would mean making specific padding settings for mobile as well, which we try to avoid.
    Would CSS based on something like this work?

    DIV.container {
        min-height: 10em;
        display: table-cell;
        vertical-align: middle }
    ...
    DIV {
      Fake text
    }

    I wouldn’t know how to put in the icon as well.

    Best regards, Haiko.

    #1240269

    Hi Victoria,

    Unfortunately that still did not work correctly as the smaller sized screen widths still displayed a gap between the box and border.

    I did some trial and error and came up with this:

    .avia-mozilla #sponsor-class {
        display: block;
        width: -moz-available;
    }

    That seems to work good although I have never used the code -moz-available. Is that okay to use?

    As well, from what I understand the -moz-available code is only for Firefox so do I still need to keep it under the .avia-mozilla class selector or can I put it with the rest of the CSS in the ID selector #sponsor-class section? For instance:

    #sponsor-class {
        text-align: center;
        font-weight: 300;
        background-color: #7a7874;
        margin: 0px -18px -10px -18px;
    border-radius: 0 0 10px 10px;
    overflow: auto;
    width: -moz-available;
    }
    • This reply was modified 5 years, 7 months ago by lsrmedia.
    #1240155

    In reply to: Curved Menu

    Hi horsevet,

    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 #header_meta .phone-info {
        font-size: 20px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1240082
    Morticka
    Participant

    Hi guys,

    I tried to increase the font size of the footer widget with this code:

    #footer .widget p {
      font-size:16px !important;
    }

    It did not work.

    How can I fix this?

    Sincerely,
    Morticka

    #1240047

    Are you talking about the styling tab that’s in the enfold > general styling? It did NOT move there. It has always been there.

    We’re now talking about two different things. I want to change the font size in the element. I’ve found this to be helpful because I can change the font size thats different from the default size set in general styling. How can I get this back?

    #1240024

    Hi Nick,

    Thanks for the update. The font size options has moved to the styling tab, please have a look in there.

    Best regards,
    Rikard

    jpamoroso
    Participant

    Hi,
    This is not working for me. The font size is default regardless of the browser width or viewing on my phone.

    Thanks

    #1239680

    Hi,

    Add this to quick css:

    #top #header .avia_mega_div>.sub-menu>li>ul ul li {
        margin-left: 15px;
        font-size: 10px;
        padding: 0 20px;
    }

    Best regards,
    Jordan Shannon

    #1239668

    Hey Dave,

    Try adding this to quick css:

    .av-masonry-entry-title.entry-title{
    font-size:10px!important;
    font-weight:normal!important;
    }

    Best regards,
    Jordan Shannon

    #1239632

    In reply to: Curved Menu

    Hi,

    Add this to quick css:

    .phone-col{
    font-size:60px!important;
    }

    Adjust the size to what you need.

    Best regards,
    Jordan Shannon

    #1239566

    Hi AlidaKal,

    I have added this shortcode in your first section:

    [av_font_icon icon='ue873' font='entypo-fontello' style='' caption='' size='20px' position='left' color='' link='' linktarget='' animation='' id='' custom_class='av-icon-char-custom' av_uid='av-29a70b' admin_preview_bg=''][/av_font_icon]

    Then added this CSS code in Quick CSS, located in Enfold > General Styling:

    #top .av-icon-char-custom {
        display: inline-block;
        float: none;
    }

    I think you can use the same shortcode, let us know if you need further assistance.

    Best regards,
    Nikko

    #1239527

    Hi,
    Sorry for the late reply and thanks for the screenshot, I checked your check out page and found that the input fields are actually “iframes” from the “stripe” domain. So in this case you can not control the element because it is not your domain.
    But the input fields already have the font size defined at 15px with this css:

    .ElementsApp, .ElementsApp .InputElement {
        color: #31325F;
        font-size: 15px;
    }

    so I would think that this addresses the zoom effect for the element, but if not I found this article on styling the fields. You can try this css based on the information from the article:

    #stripe-card-element,
    #stripe-exp-element,
    #stripe-cvc-element {
    	font-size: 16px !important;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1239458

    Topic: Tab Issues

    in forum Enfold
    smarta-brett
    Participant

    hi
    i have a few issues with tab on a site I am re-vamping at the moment
    I have applied some css (as per docs)

    .av-inner-tab-title {
    font-family: Garamond;
        font-size: 18px;
        font-weight: 900;
    text-align: center;
    }
    .js_active .av-tab-section-tab-title-container { 
        display: flex!important;
        justify-content: space-around;
    }
    .av-inner-tab-title { width: 100%; }

    1. I want the typeface to be upper & lower case – for some reason its all uppercase

    2. on this page https://diamondbeachcabarita.com.au/wp/our-resort/
    there is a large gap between the Tabs & the content – what would be causing this?

Viewing 30 results - 3,451 through 3,480 (of 18,732 total)