Hi
No – tried these but no luck – I am looking to change the percentage size for h1, h2, h3, and h4 but I tried this and it didm’t work on laptop or ipad pro 10.5″
/* ———– Retina Screens ———– */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
{
h1 {font-size: 10px!important; }
}
/* iPad Pro 10.5″ Portrait and Landscape */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
h1, h2, h3, h4 {font-size: 10px!important; }
}
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
h1, h2, h3, h4 {font-size: 10px; }
}
Hello,
Many thanks for your support.
I need to Change the Read more link color only for this kind of blog grid: List layout with excerpt, title, meta information without preview image..
I already have into my custom css this:
.read-more-link, .read-more-del {
font-size:18px !important;
margin: 5px 2px 30px }
But I’m not sure if it is the same element, because I use other kind of grid into my site with preview image, and do not want to modifi it, but only the grid without preview image.
Sincerly
S.
-
This topic was modified 6 years ago by
Marco.
Hi,
To make the widget price amount larger, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.product_list_widget span.woocommerce-Price-amount.amount {
font-size: 15px !important;
}
After applying the css, Please clear your browser cache and check.
According to this article you can make the email not mandatory by adding this code to the end of your functions.php file in Appearance > Editor:
add_filter( 'woocommerce_billing_fields', 'ts_unrequire_wc_phone_field');
function ts_unrequire_wc_phone_field( $fields ) {
$fields['billing_email']['required'] = false;
return $fields;
}
Please give this a try.
Best regards,
Mike
Hi Guys
Can you tell me the CSS code to use to set the font size for my MacBook Pro 13″ screen and my iPad Pro 10.5″ screen Landscape – I have tried many things but it just isn’t working for me.
I am okay with the desktop and the iPhone and the iPad Pro Portrait – but for some reason I cannot change the sizes for the iPad Pro Landscape or the MacBook Pro 13″ screens.
I have tried the following:
@media only screen and (max-width: 1509px) {
h1, h2, h3, h4, h5, h6 {
font-size: 75% !important;
}
}
@media only screen and (max-width: 1366px) {
h1 { font-size: 75% !important;
}
}
Thanks…
Kevin.
Hi Victoria!
Thanks for your reply. I looked at the documentations and tried some things but it doesn´t solve my problem.
It´s only one menu item that has sublevel links, the “shooting” one.
I want just the text without box or border or separator one below the other.
For any funny reason on the Austrian site the are below each other – but the settings are exactly the same?
But even for the Austrian: no box, no borders,……
Others then this on the English site I got the feeling that I cannot even change the font size of the sublevel links .. ?
Thanks Rikard, but that didn’t seem to work. I added the font-weight: 700; to:
#text-3 {
position: absolute;
left: 40%;
font-size: 24px;
font-weight: 700;
}
And the @import url(‘https://fonts.googleapis.com/css?family=Montserrat:700&display=swap’);
at the very top of the Quick CSS.
Is that correct?
Hi I am stuck with a peculiar problem. I need to create for my client a landing page as from jpg included in private section.
The landing page should appear full screen with no scrolling and should be made of some text + below it a full width image + a socket with credits.
I used a blank template page and I created a color section 100% height containing 3 flex columns 1/1. The color section was set to contain 100% width columns as from your indication ( ), because image and socket must be 100% width. Each element has an ID to be able to set different heights and padding
The flex columns contain:
1) text (it starts however below the top, let’s say 1/4 below)
2) full width image (original size 2500px*587px)
3) socket-like div for credits
Each column as a specific % of height so that summing their height and vertical paddings the total should be 100%. In this sense it should appear all in the screen without any scrolling effect
However with some screen dimensions the socket is well over the screen bottom, while in others the socket appears below. How can I fix it?
This is the code
#landing-page-container .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}
#landing-col-text {
padding-top:8%;
padding-left:10%;
padding-right:10%;
padding-bottom:8%;
height:44vh;
}
#landing-image {
overflow-y: hidden;
height:39vh;
margin-bottom:0px!important;
}
#landing-footer {
background-color:#3B3C3C;
min-height:1%!important;
margin-top:0px;
padding:0 5%;
}
#landing-footer {
max-height:40px;
}
#landing-footer p {
font-size:14px;
line-height:20px;
}
@media only screen and (max-width: 1680px) {
#landing-col-text {
padding-top:6%;
padding-bottom:0;
}
#landing-image {
height:35%;
margin-top:1%;
}
}
@media only screen and (max-width: 468px) {
#landing-col-text {
padding-top:20%;
padding-bottom:0;
margin-top:15%;
}
#landing-image {
margin-top:20%;
}
}
Hi,
Please add following code to Quick CSS field as well
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
text-transform: uppercase;
font-size: 20px;
}
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items {
border-top: 1px solid #333;
}
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items:last-child {
border-bottom: 1px solid #333;
}
.html_av-submenu-hidden .av-submenu-indicator,
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
display: none;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
padding-left: 50px;
}
If further customization is required, please consider to hire a freelance developer.
Best regards,
Yigit
Hi there!
I would like to have the sublevel links on my website NOT boxed and in a smaller font size and different font colour.
I am not the experienced web designer, but I really tried my best with your fantastic theme.
Nevertheless I just managed to get the background color of the sublevel links changed. :(
Please help!
-
This topic was modified 6 years ago by
Karin_Tara.
Finally, people who feel the same way.
Enfold: When please take us seriously? This has been addressed to you for several years. You don’t believe us.
Do you think all your users have Photoshop and benchmark from 28″ over 24″, notebook, ipad, mobile phone?
It starts already, that you need at least 5 of your elements for Full width (not full screen). Sometimes BG works in Color Section, sometimes the Full width Slider., which scaling images in some cases “right and expected”.
Then it goes on over 3 Silder types instead of combining them or create a new and make the others obsolet or soemthing else. I work on daoily basis with enfold. Since three days, we try with a designer and a css guy to get good results for a full width image with diagonal border (and top border is missing, but you know it)
At Fonts: There you have 4 devices in one section to select.
For pictures, you have to fiddle through, lots of sections, massive code.
Then it goes on, that not even picture names, dimensions are shown in the sections, where images are selected. If you click on it, the big guessing begins, which picture is in it now. Then you have to go to the front-end, the dev-console. Size are in the media selector also not shown. Nothing. Many queries in the brain.
2019
Hi,
1.) Yes, you can create a custom shortcode to get the price of the current product. Try this snippet in the functions.php file.
function ava_custom_price_shortcode( $atts ) {
$id = avia_get_the_ID();
if( intval( $id ) > 0 && function_exists( 'wc_get_product' ) ){
$product = wc_get_product( $id );
$price = wc_get_price_to_display( $product, array( 'price' => $product->get_price() ) ); // Get the active price
$regular_price = wc_get_price_to_display( $product, array( 'price' => $product->get_regular_price() ) ); // Get the regular price
$sale_price = wc_get_price_to_display( $product, array( 'price' => $product->get_sale_price() ) ); // Get the sale price
$style1 = 'style="font-size:40px;color:#e79a99;font-weight:bold;"';
$style2 = 'style="font-size:25px;color:#e79a99"';
$args = array(
'ex_tax_label' => false,
'currency' => 'EUR',
'decimal_separator' => '.',
'thousand_separator' => ' ',
'decimals' => 2,
'price_format' => '%2$s %1$s',
);
if( ! empty( $sale_price ) && $sale_price != 0 && $sale_price < $regular_price )
$html = "<del $style2>" . wc_price( $regular_price, $args ) . "</del> <ins $style1>" . wc_price( $sale_price, $args ) . "</ins>"; // Sale price is set
else
$html = "<ins $style1>" . wc_price( $price, $args ) . "</ins>"; // No sale price set
}
return $html;
}
add_shortcode( 'avs_product_price', 'ava_custom_price_shortcode' );
You can then use the following shortcode to display the product price:
[avs_product_price]
2.) Are you referring to the default product grid from the plugin? Please provide a link to a page containing the grid.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
Hello Support, I’m trying to change the font-weight of a Widget Header Title but having no success.
I would like the phone number in the Menu Header to be bolder. I can successfully change font size etc, but my attempts are having zero effect on the font-weight. The font is Montserrat and I wonder if it might be something to do with this font family. I’m happy to change the font to Helvetica Neue bold if Montserrat is troublesome. This is the CSS I’ve tried;
#text-3 {
font-weight: 900;
position: absolute;
left: 40%;
font-size: 24px;
}
Any ideas?
Many thanks in advance!
Hi,
That was because you have not defined font size for tablet landscape mode. I just edited your test home page and defined them. Please review your website :)
Best regards,
Yigit
Hi Yigit,
on mobile phone or small tablet portrait the layout of the slider is the mobile one that is different from the desktop view but when the view is in tablet landscape the font size remains big as in the desktop view and not resize as indicated in the setting of the caption.. See the screenshot..
Now is all published on the home page..
Than You very much
In one of my main menu items, I added an icon on the right to indicate that there is a sub menu.
#menu-item-1869 > a:after {
happy: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left: 5px;
padding-right: 1px;
position: relative;
color: #50C6DB;
font-size: 14px;
}
#menu-item-1869 > a:hover::after {
color: #fff !important;
}
But when my mouse goes down to hover over the submenu, the icon doesn’t stay white and returns to the original #50C6DB color whereas I want it to stay white.
Thanks for your help
Hi Ismael
No problem, thanks for solving the font size issue!
While you are at it, I spotted another thing to improve. It is in the “Leave a Reply” section of the single post in the mobile version. Here you cannot read the “Save my name, email, and website in this browser for the next time I comment” properly. Could you help with this one, too?
Thank you!
Best regards, Franziska
Hi,
Thank you for the update.
This is the same exact style of the read more button used in the estably site.
.read-more-link {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 220px;
padding: 15px 20px;
background-color: #c3a069;
border: 1px solid #c3a069;
border-top-color: rgb(195, 160, 105);
border-right-color: rgb(195, 160, 105);
border-bottom-color: rgb(195, 160, 105);
border-left-color: rgb(195, 160, 105);
display: block;
min-width: 0;
text-align: center;
border-radius: 4px;
font-family: DINPRO,Arial,sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #c3a069;
-webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
transition: all .3s cubic-bezier(.4,0,.2,1);
-webkit-box-shadow: 0 20px 40px rgba(49,50,54,.3);
box-shadow: 0 20px 40px rgba(49,50,54,.3);
color: #6d6b76;
background-color: hsla(0,0%,100%,0);
border-color: #6d6b76;
-webkit-box-shadow: none;
box-shadow: none;
}
We just replaced the selector with the class name used by the theme for the read more link element. You can add the code in the style.css file or the Quick CSS field.
Best regards,
Ismael
Hi,
Sorry for the delay. We added the following code in the Quick CSS field to adjust the font size of the caption title.
.avia-caption-title {
font-size: 1em;
}
Thank you for your patience.
Best regards,
Ismael
Hi,
Thanks for that. This CSS is likely causing that:
#searchsubmit, .avia_iconbox_title {
font-family: 'amersn-webfont' !important;
font-size: 1.2em !important;
}
I can’t see exactly where it’s coming from since you have file compression activate. Maybe you know where it’s added? If so then please try to remove this bit from your code:
#searchsubmit,
Best regards,
Rikard
found this line, a bit better, but the amp sign looks italic. how can i change that to nice lookin? :)
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }`
Hey Victoria,
here a further information. You can find the problem with the implementation from the code block and the footer under the menu point „BÜRGERSERVICE – Bürgerservice A – Z and Top 20 …”. The problem with the font size of the rider head you can find under the menu point „BÜRGERSERVICE – Satzungen”.
Greetings Uwe
Wertes Kriesi-Team,
ich benötige Hilfe für folgende Probleme:
1) Wie kann ich die Schriftgröße des Inhaltselementes Reiter (Reiterkopf) verändern?
2) Nach dem Einbinden folenden Code-Blockes:
<style type=”text/css”>
.divCenter {
}
</style>
<style type=”text/css”>
.outerDiv {
border : solid 1px #000000;
width:300px;
padding:5px 2px 5px 2px;
}
.innerDiv {
font-size: 10px;
}
</style>
<div align=”center”>
<div class=”innerDiv”>
<iframe src=”https://include-st.zfinder.de/134743388″ width=”550″ height=”675″ frameborder=”0″ scrolling=”yes” marginheight=”0″ marginwidth=”0″ </iframe>
</div>
</div>
wird der Footer nicht mehr korrekt angezeigt. Wie kann ich das Problem lösen? Vielen Dank vorab!
Mit freundlichen Grüßen
Uwe Trödel
Hi Elena,
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 #wrap_all .all_colors h3.iconbox_content_title {
font-size: 18px;
}
#top .title_container .container {
min-height: 45px;
}
#top .title_container .breadcrumb {
right: auto;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi There,
does anyone knows how I can make border bottom to overlap like here:
https://www.vaidr.de/wp-content/uploads/2020/03/Bildschirmfoto-2020-03-04-um-16.34.21.png
I already made this css below. What should I add, so it overlaps?
H2 {
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2em;
border-bottom: 10px solid black;
display:inline;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
Hi,
Sorry for the late reply, I adjusted the height of the sub-menu and the icon and menu title so they are all just about on the same line. It may be down just a little but once all of the menu items have the icon they will look the same.
Please clear your browser cache and check.
Here is the css used:
#menu-item-115 span.av-icon-char::after {
content: "Accueil";
font-size: 15px !important;
display: block;
line-height: 40px;
top: 100px !important;
position: absolute;
}
#menu-item-115 > a {
height: 215px;
line-height: 215px;
}
#menu-item-115 > a > span.avia-menu-text > span {
line-height: 215px;
}
Best regards,
Mike
The settings in Content->Style were ignored and the Font Size of the caption remains always the size for the desktop versione that is 44px for the title and 34px for the text.. I try to set different sizes for tablet landscape but nothing change..
There are some snippet in Quick CSS about EasySlider Caption, I don’t know if are related..
Thank You very much
That works, thank you!
Can I also ask you:
– how to reduce the font size of the icon box title
– move the breadcrumbs to the left margin (I think I saw that option somewhere but I cannot find it anymore :( )
– riduce the height of the breadcumbs space
Many thanks
Elena
I’ve the same problem.. The settings in Content->Style were ignored and the Font Size of the caption remains always the size for the desktop versione that is 44px for the title and 34px for the text.. I try to set different sizes for tablet landscape but nothing change..
Hey Elena,
Please try this for the breadcrumbs:
.title_container {
background-color: red;
}
And this for the iconbox:
.iconbox_content_container p {
font-size: 12px;
}
Best regards,
Rikard