-
AuthorSearch Results
-
August 30, 2020 at 11:40 pm #1242015
In reply to: H1 is in ALL CAPS
This reply has been marked as private.August 30, 2020 at 8:26 pm #1241995In reply to: Default demo vs Enfold 2017
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,
MikeAugust 30, 2020 at 5:49 pm #1241989In reply to: Fonts size and font family not working.
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,
RogerAugust 30, 2020 at 2:29 pm #1241931In reply to: html-table in widget area without styling
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,
VictoriaAugust 30, 2020 at 1:06 pm #1241910In reply to: Woocommerce cart on mobile bigger
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,
VictoriaAugust 29, 2020 at 8:10 pm #1241847In reply to: Add Phone Icon Next Burger Menu Icon on Mobile
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,
MikeHi 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 thisalso I removed
color:#000;
but the links are still not bluefinally I changed text size to be 16 px but no difference
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,
NikkoAugust 27, 2020 at 5:30 pm #1241275Hi,
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,
IsmaelAugust 27, 2020 at 4:13 pm #1241247can 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;
}August 26, 2020 at 11:41 pm #1241030Hey 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 ShannonAugust 26, 2020 at 10:17 pm #1241019Nancy
ParticipantHey!
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!
August 26, 2020 at 6:52 pm #1240996In reply to: Fonts size and font family not working.
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.
August 26, 2020 at 6:13 pm #1240989Topic: Fonts size and font family not working.
in forum EnfoldTechnohead
ParticipantHi!
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,
RogerAugust 26, 2020 at 3:40 pm #1240944In reply to: Page Speed – Cumulative Layout Shift (CLS)
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,
IsmaelAugust 26, 2020 at 1:26 pm #1240911Topic: Table Cell Content Alignement
in forum Enfoldsftsengineering
ParticipantHi 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!
MattAugust 25, 2020 at 5:12 pm #1240710I 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.
August 24, 2020 at 11:25 am #1240307In reply to: Vertically center iconbox element title
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.
August 24, 2020 at 6:35 am #1240269In reply to: Display Issue in Firefox
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.
August 23, 2020 at 5:31 pm #1240155In 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,
VictoriaAugust 23, 2020 at 2:14 pm #1240082Topic: Increase font size in footer widget
in forum EnfoldMorticka
ParticipantHi 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,
MortickaAugust 23, 2020 at 7:13 am #1240047In reply to: Changing font size within content element
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?
August 23, 2020 at 4:23 am #1240024In reply to: Changing font size within content element
Hi Nick,
Thanks for the update. The font size options has moved to the styling tab, please have a look in there.
Best regards,
RikardAugust 21, 2020 at 1:55 am #1239693Topic: Text Box > Styling > Font Sizes for different screen sizes
in forum Enfoldjpamoroso
ParticipantHi,
This is not working for me. The font size is default regardless of the browser width or viewing on my phone.Thanks
August 21, 2020 at 12:02 am #1239680In reply to: Mega menu display issues
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 ShannonAugust 20, 2020 at 10:50 pm #1239668In reply to: How can you change font size in Masonry Gallery
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 ShannonAugust 20, 2020 at 9:55 pm #1239632In 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 ShannonAugust 20, 2020 at 3:57 pm #1239566In reply to: icon inline with text dissappearing
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,
NikkoAugust 20, 2020 at 12:54 pm #1239527In reply to: Mobile WooCommerce issues
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,
MikeAugust 20, 2020 at 7:29 am #1239458Topic: Tab Issues
in forum Enfoldsmarta-brett
Participanthi
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? -
This reply was modified 5 years, 7 months ago by
-
AuthorSearch Results
-
Search Results
-
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!
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,
RogerHi 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!
MattHi,
This is not working for me. The font size is default regardless of the browser width or viewing on my phone.Thanks
Topic: Tab Issues
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?
