Viewing 30 results - 2,251 through 2,280 (of 18,719 total)
  • Author
    Search Results
  • #1336035

    Hey Tilman,
    Thank you for your question, the icon grid subtitle has a H6 tag and your general settings have set a font size of 45px for the H6 tag which will override the element settings.
    I assume you have used the advanced styling option to set the font size for the H6 tag, correct?
    2022-01-18_001.jpg
    If so please disable this, or if you are using this option for other elements try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field to override it:

    #top #wrap_all #main .main_color .avia-icon-grid-container h6.av_icongrid_subtitle {
    	font-size: 13px;
    }

    adjust the font size to suit, then after applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1336028

    Hi,
    I don’t know why, but the font size of the text isn’t changed..
    I don’t know where’s the problem?

    #1336024
    oestersund
    Participant

    HI,
    on my page below the subtitle font appears too big.

    E.G. “Sparring”, Feedback von außen, Hinweise

    the font size does not change, although if I adjust this in the icon grid settings via backend.

    What can I do?

    Thx a lot & best regards Tilman

    #1336002

    Nikko – I think you misunderstood him. He sets the sizes there for the headings and p-tag, and the settings then in the alb are not taken into account in his opinion.
    This:

    settings in the text block alb element for the font size only affect the p-tag not the headings used in the text block.
    If you got heading alb – they will be overwritten by that inline-style – and the p-tag in the text-block alb will be overwritten too. But headings used in a text-block will have the settings from that options you mentioned above. You only can overwrite those settings inline – by
    ( click to enlarge )

    #1335999
    Createve_Solutions
    Participant

    Hi,
    1.I have the enfold child theme activated and tried to change the font size of the main menu but it doesn’t work.
    I have tried everything you have noticed in the support.
    Please can you help me?
    2. And I have used the Layer Slider to prepare a nice slider, which isn’t so high that it is in the main menu and logo. But it doesn’t work with the simple slider and the other thing is, that the logo and main menu bar change strange, when I then scroll down.
    Please can you help me here too?
    Thanks and best regards,
    Evellyn

    #1335988

    Topic: responsive typography

    in forum Enfold
    josk-design
    Participant

    Hallo!

    In WordPress / .css / html. bin ich ein totaler Neuling! Ich bin Grafik Designerin und erstelle gerade eine Website anhand dessen ich mir WordPress beibringe. Extrem wichtig ist mir Typografie. Ich habe bei “erweitertes Styling” den H1 etc. Formaten verschiedene Schriftattribute zugeordnet.

    Nun habe ich das Problem, dass auf kleineren Devices die große Schrift (H1 = 50px, H2 = 40px) noch zu groß ist und die Spalten nicht kleiner werden). (link siehe Private Content)

    Ich möchte gerne, dass es sich “fluid” der jeweiligen Screengöße anpasst. Gibt es da ein .css für?

    Viele Grüße
    Josephine

    PS Nun habe ich gerade gedacht, ich hätte eine Lösung gefunden, hat aber leider nicht funktioniert.
    unter
    > Enfold child > theme optionen > Allgemeines Styling > Typography
    Ich habe in den theme editor folgendes eingetragen: add_theme_support( “avia_options_extended_typography” ); und ins .php das aus dem link hier: https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Layout/avf_el_styling_responsive_font_size_skip.php
    Dann habe ich beim H1 selector folgendes eingetragen:
    Font size: Standard 50 Medium 35 Klein 20 Very small 300
    Leider hat sich nichts getan, als ich das Fenster verkleinert habe bzw. es am Handy angeschaut habe. Es geht ja auch eigentlich nicht nur um die Schriftgröße, sondern auch um die Spaltenbreite, glaube ich…

    • This topic was modified 4 years, 1 month ago by josk-design.
    #1335965

    Hi Alex,

    I have tested the settings however I am not getting the same result as you have.
    The Font Size option in General Styling > Typography > Advaced Options, is working as intended and changing the Font Size for example in Text Block overrides it which is working correctly.
    Is there a specific element you’re using that this is not working?

    Best regards,
    Nikko

    #1335927
    Alex PS
    Participant

    Dear Team,

    Hope you are having a good year so far :)

    Just came across an issue that has been driving me crazy.

    It seems like the theme has now a new feature in: General Styling >>> Typography >>> Advanced Options, where one can set universal font sizes for H1-6 and P.

    The problem is that once you touch those setting, no matter what you do, it is not possible to change the size of a given H1-6 and P locally in the setting of the given text box.

    Checked custom CSS, and all possible setting I could find but still cannot find a fix.

    I would really love to have a universal setting for all texts instead of having to adjust every single text window with custom CSS. The field would get too long and impossible to work with.

    Hope I make sense.

    Thank you!

    Alex

    Hi,
    Glad to hear this helped, you can style the buttons, for example to change the font-size try this css:

    #top #main .avia-slideshow-button {
    	font-size: 20px;
    }

    you could also use this to adjust the font family to any that you have installed, if you need further help adjusting add some test text to your page using the font family you want the buttons to be for us to see.

    Best regards,
    Mike

    #1335869

    Hey elisa_polidori,
    If you would like to change the Masonry Gallery “Load More” button text to “See all photos”, try adding this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top #main a.av-masonry-pagination.av-masonry-load-more {
    	font-size: 0px;
    }
    #top #main a.av-masonry-pagination.av-masonry-load-more:before {
    	content:"See all photos";
    	font-size: 13px;
    }	
    

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

    Best regards,
    Mike

    #1335848

    Hallo Günter! Ich antworte hier mal auf diesen thread, weil ich neu im Forum bin und nicht mehr weiß, wie ich einen neuen thread erstellen kann. (Wo kann man das??) In WordPress / .css / html. bin ich ein totaler Neuling.

    Ich bin Grafik Designerin und erstelle gerade eine Website anhand dessen ich mir WordPress beibringe. Extrem wichtig ist mir Typografie. Ich habe bei “erweitertes Styling” den H1 etc. Formaten verschiedene Schriftattribute zugeordnet.

    Nun habe ich das Problem, dass auf kleineren Devices die große Schrift (H1 = 50px, H2 = 40px) noch zu groß ist und die Spalten nicht kleiner werden). (link siehe Private Content)

    Ich möchte gerne, dass es sich “fluid” der jeweiligen Screengöße anpasst. Gibt es da ein .css für?

    Viele Grüße
    Josephine

    PS Nun habe ich gerade gedacht, ich hätte eine Lösung gefunden, hat aber leider nicht funktioniert.
    unter
    > Enfold child > theme optionen > Allgemeines Styling > Typography
    Ich habe in den theme editor folgendes eingetragen: add_theme_support( “avia_options_extended_typography” ); und ins .php das aus dem link hier: https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Layout/avf_el_styling_responsive_font_size_skip.php
    Dann habe ich beim H1 selector folgendes eingetragen:
    Font size: Standard 50 Medium 35 Klein 20 Very small 300
    Leider hat sich nichts getan, als ich das Fenster verkleinert habe bzw. es am Handy angeschaut habe. Es geht ja auch eigentlich nicht nur um die Schriftgröße, sondern auch um die Spaltenbreite, glaube ich…

    • This reply was modified 4 years, 1 month ago by josk-design.

    Hey josk-design,

    If you are want to add an ID to a Text Block element, then you can do that in the Advanced Tab in the element option. You can an ID like this in the ID field:

    my-id

    Then you can use that ID in Quick CSS:

    #my-id {
      font-size: 24px;
      font-weight; 200;
    }

    Best regards,
    Rikard

    mebi
    Participant

    Hi,
    the problem is that the content on several pages is not shown as it should appear. For example, pictures are not shown, background colors are not shown, or text font, text size and text color are not shown as they should. I am using the Avia Layout Editor.
    I noticed that when the page is still saved as a draft all appears correctly but after changing to published, the above mentioned problems.

    – I am using latest WP
    – I updated the theme Enfold, but that did not solve the problem. Now using Enfold 4.8.8.1
    – I changed php from 7.4 to 8.0, but that did not solve it. So I did go back to 7.4 for now.
    – php memory limit is set to 256 MB. Server allows up to 512 MB.

    Please help asap.
    Thank you.

    josk-design
    Participant

    Hi!
    Ich bin totaler WordPress, html und css Neuling aber als Designerin sehr an Typografie interessiert, sodass ich unbedingt lernen möchte, wie man WordPress Themes mittels css. verändern kann. Ich habe es schon geschafft, kleine Änderungen hinzukriegen indem ich in den Quellcode von chrome geschaut habe und dann ccs. snippets in >Design >Customizer > zusätzliches css. reingeschrieben habe.

    Was ich nun möchte ist folgendes:

    Ich möchte in einen Text-Block CSS einfügen ( Font-size 24 px und font-weight: 200; ). Beim Reiter „Erweitert“ gibt es die Möglichkeiten
    1. eine benutzerdefinierte ID einzutragen.
    2. die benutzerdefinierte CSS Klasse einzutragen
    3. sperrbare benutzerdefinierte CSS Klasse einzutragen

    Was muss ich eintragen?

    #1335637

    Hallo, ich weiß nicht, wie ich einfach so meine Frage schreiben kann, ohne auf einen thread zu antowrten, deswegen gehe ich hier einfach mal auf reply. Ich bin totaler WordPress, html und css Neuling aber als Designerin sehr an Typografie interessiert, sodass ich unbedingt lernen möchte, wie man WordPress Themes mittels css. verändern kann. Ich habe es schon geschafft, kleine Änderungen hinzukriegen indem ich in den Quellcode von chrome geschaut habe und dann ccs. snippets in >Design >Customizer > zusätzliches css. reingeschrieben habe.

    Was ich nun möchte ist folgendes:

    Ich möchte in einen Text-Block CSS einfügen ( Font-size 24 px und font-weight: 200; ). Beim Reiter „Erweitert“ gibt es die Möglichkeiten
    1. eine benutzerdefinierte ID einzutragen.
    2. die benutzerdefinierte CSS Klasse einzutragen
    3. sperrbare benutzerdefinierte CSS Klasse einzutragen

    Was muss ich eintragen?

    #1335542

    In reply to: Formatting caption

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    .avia_textblock h6, .avia_textblock h6 a {
        font-size: 16px;
        color: #666666;
    }

    Best regards,
    Rikard

    #1335447
    onedesignprint
    Participant

    Hi

    We have whitespace displaying at the top when viewing on mobile phone.

    We have disabled the menu using code found in a previous support thread;

    .special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
    @media only screen and (max-width: 767px) {
    .av-main-nav-wrap {
    display:none !important;
    }
    }

    Please help! Thanks

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    .single-product .price bdi,
    .single-product .price bdi span { 
         font-size: 16px;
    }
    .single-product .quantity { 
         display: none; 
    }
    

    If that does not help, please create temporary admin logins and post them here privately so we can look into it :)

    Best regards,
    Yigit

    Art_Discovery
    Participant

    Hi there,
    I have a woocommerce product which is created using the avia layout builder, and wish to utilise the product purchase button under the plugin additions tab. How can I:-
    1. Alter the font size of the price and price symbol only
    2. totally remove the div. quantity section, or limit it to one in this section.
    Its important this is for this product only

    Refer to the attached screenshots to see what I mean. many thanks

    #1335142
    mistermagoo8691
    Participant

    Hi folks.
    I don’t understand why I am able to change almost everything on my full width sub-menu with the CSS below (the font size, the font weight, the color…) but I cannot change the thickness of the border.

    #top .av-subnav-menu > li > a {
    	font-size: 16px;
    	font-weight:bold;
    	font-family: 'Lato'!important;
            color: #6bad4e;
            border-width:1px!important;
    	}

    Why the border-width cannot be adjusted with this CSS?
    THX!
    Bye,
    A.-

    #1335095

    Hey Mike,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    #top #wrap_all .tribe-events-button {
      font-size: 13px;
      margin-right: 5px;
      display: inline; 
    }
    

    Best regards,
    Yigit

    #1334958

    Topic: Page search on tags

    in forum Enfold
    2funky
    Participant

    Hi,

    I want to create a single search page on woocommerce tags – the result page should show the products items as I have made it from the standard search in the header.

    The search was created via the code below:

    [avia_sc_search placeholder='Drue...' label_text='Find' icon_display='' icon='ue800' font='entypo-fontello' post_types='custom' post_types_custom='product' numberposts='40' display='ajax' ajax_location='form_absolute' ajax_container='#my_container' custom_input_size='' custom_button_size='' custom_height='' radius='' radius_sync='true' border_width='' border_color='' custom_border_color='' input_color='' custom_input_color='' input_bg='' custom_input_bg='' button_color='' custom_button_color='' button_bg='' custom_button_bg='' results_padding='' results_padding_sync='true' results_margin='' results_margin_sync='true' results_color='' custom_results_color='' custom_results_content='' custom_results_icon='' results_bg='' custom_results_bg='' id='' custom_class='' template_class='' av_uid='av-ky8o7bzm' sc_version='1.0' admin_preview_bg='']

    See demo page under private content

    Hope you can help

    Best Regards, Pete

    • This topic was modified 4 years, 1 month ago by 2funky.
    #1334918

    Hi,

    Thank you for the info.

    If I have the Enfold cache options

    The theme doesn’t have a cache option, only compression and merge options. Please note that there is no “one size fits all” or “one config fits all” when it comes to site optimization, so you have to play around with these options and try a few combination of plugins to find out which works best for your installation. If the current combination of options and plugins are not working, then you have to adjust it until you get a better result.

    the Google bot cannot load all resources anymore

    Which resources exactly (js, css, images, fonts) ?

    Best regards,
    Ismael

    #1334859

    In reply to: Header Text Widget

    Hi,
    I had to guess which foolscap image you wanted to use, so to change this icon to an image:
    2022-01-09_001.jpg
    I added this css:

    .hr-center.hr-icon-yes .av-seperator-icon:after {
      content: "";
      background-image:url(https://new.faschingsklub-thalheim.de/wp-content/uploads/2022/01/Kappe_100.png);
      background-size: 100% 100%;
      display: inline-block;
      height: 30px;
      width:30px;
    }
    .hr-center.hr-icon-yes .av-seperator-icon {
    	font-size: 0px;
    	width: 30px;
        height: 30px;
    }

    and the results are:
    2022-01-09_002.jpg
    If you want to use a different image, simply change the url in the css.
    I made this change for you, please clear your browser cache and check.

    Best regards,
    Mike

    #1334739

    Hi,
    From what I see the font rule:

    h1, h2, h3 {
    	font-family: 'Bilbo Swash Caps', cursive;
    	text-transform: capitalize !important;
    	color: #ad0300 !important;
    }
    

    is applied in your child theme stylesheet, but using just the H tag by itself to affect the H1 in the layerslider is a little weak as the layerslider is passing the “inherit” rule to the tag.
    to correct I would recommend changing to:

    #top #main h1,#top #main h2,#top #main h3 {
    	font-family: 'Bilbo Swash Caps', cursive;
    	text-transform: capitalize !important;
    	color: #ad0300 !important;
    }

    As for the font size of the lower text being 1px, this is what the layerslider is setting so you will need to make that change in the layerslider:
    2022-01-07_004.jpg

    Best regards,
    Mike

    #1334716

    Thank you, Mike.

    Are you, and other support people, of the mind that it is not worth pursuing why the font sizes and family changed without any Admin interaction?

    ~ Greg

    #1334689

    In reply to: Header Text Widget

    Hi,

    To increase font size of the widget title, please use

    #header .widgettitle {
      font-size: 26px; 
    }

    and to increase font size of the widget text, please use

    #header .textwidget {
      font-size: 20px; 
    }

    Best regards,
    Yigit

    #1334681

    Hi,

    Thanks for contacting us!

    You can go to Enfold theme options > Advanced Styling and edit “H3” tagged elements. If you are going to need to separately edit post titles, you can edit your element, go to Advanced > Developer Settings tab and give your element a custom ID (“my-custom-id” in example below) and then add following code to bottom of Enfold theme options > General Styling > Quick CSS field

    #my-custom-id h3 { color: orange; font-size: 24px; }

    Best regards,
    Yigit

    #1334670

    Hi,
    Thank for the login, when I check your slider the font size is 1px, try changing it to 14px, for example:
    2022-01-07_061601.jpg

    Best regards,
    Mike

    #1334626

    In reply to: logo as text

    Hi,

    Thank you for the update.

    Did you add this css code?

    .button {
        background-color: #66bde6 !important;
        -webkit-border-radius: 33px;
        -moz-border-radius: 3px;
        color: #ffffff;
        font-size: smaller;
        padding: 5px 15px;
    }
    

    This rule overrides the default background color of the submit button. If you want to override it, place this css code below.

    input[type="submit"], #submit {
        background: red !important;
        color: white !important;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adjusting the css.

    Best regards,
    Ismael

Viewing 30 results - 2,251 through 2,280 (of 18,719 total)