Viewing 30 results - 1,831 through 1,860 (of 18,718 total)
  • Author
    Search Results
  • Thank you Ismael, It is not taking it…

    is this correct ? (I know is applying the button property)

    //————————————–*/

    #top .round-submit_m_p .button {

    background: transparent;
    border: 2px solid whitesmoke;
    border-radius: 20px!important;
    font-size:16px;
    padding: 10px 10px;
    position: relative;
    }

    #top .round-submit_m_p .text_area
    {
    border-radius:20px!important;
    background: #83b6fe;
    border: none;
    overflow:auto;
    resize:none;
    position: relative;
    }

    #top .round-submit_m_p .avia-form-success {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 20px 15px;
    font-size: 10px;
    line-height: 1.4em;
    border-radius: 2px;
    clear: both;
    }

    Hey Eric,
    Merci pour le lien vers votre site, les grandes couleurs violettes du titre du méga menu sont définies dans vos options de thème, si vous regardez dans votre Enfold Theme Options ▸ General Styling vous trouvez-en un qui soit violet. Les titres du méga menu sont traités comme des en-têtes plutôt que comme des liens simples, mais si vous voulez qu’ils ressemblent à des liens simples, essayez ce code dans le champ Style général ▸ CSS rapide ou dans le champ WordPress ▸ Personnaliser ▸ CSS supplémentaire :

    #top #header #header_main .mega_menu_title a {
        color: #c6d6be;
        font-size: 12px;
        font-weight: 400;
    }
    #top #header #header_main .mega_menu_title a:hover {
    	color: #1078ff;
    }

    Après avoir appliqué le CSS, veuillez vider le cache de votre navigateur et vérifier.

    — Translated with Google —

    Thanks for the link to your site, the large purple mega menu title colors are set in your theme options, if you look in your Enfold Theme Options ▸ General Styling you will find one that purple. The mega menu titles are treated like headings rather than simple links, but if you want them to look like simple links please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top #header #header_main .mega_menu_title a {
        color: #c6d6be;
        font-size: 12px;
        font-weight: 400;
    }
    #top #header #header_main .mega_menu_title a:hover {
    	color: #1078ff;
    }

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

    Best regards,
    Mike

    #1357659
    Martin
    Participant

    Hello,

    I have this problem quite often and today I want to ask for a solution. It’s about the slide show in the header of the page http://designplanung.de/projekt-012/. This is how everything looks normal. I have also set the fonts so that they get smaller on iPads and smart phones. However, with iPhone size in portrait format, the text is not arranged in the middle, but is almost no longer visible. The text simply does not adapt, even with landscape the button is cut off. Is there a solution to this problem? I’ll probably have to make the slideshow taller, but I really don’t want to.

    Best regards,
    Martin

    Hey aruizhuidobro,

    Thank you for the inquiry.

    You can use this css code to adjust the style of the success message including the font size.

    .avia-form-success {
    	text-align: center;
    	border-style: solid;
    	border-width: 1px;
    	padding: 20px 15px;
            font-size: 18px;
    	line-height: 1.4em;
    	border-radius: 2px;
    	clear: both;
    }
    

    Best regards,
    Ismael

    #1357577

    In reply to: wordwrap

    Hi Veronika,

    The code is working properly on mobile.
    Try adding this CSS code as well to adjust on tablet/ipad:

    @media only screen and (min-width:768px) and (max-width:980px) {
      .html_modern-blog #top #wrap_all .post-entry .post-title, 
      .html_modern-blog #top #wrap_all .avia-content-slider .slide-entry-title {
        font-size: 16px;
      }
    }

    Hope it helps.

    Best regards,
    Nikko

    #1357369

    Hi,

    Please try this CSS as well:

    .widget li a:before {
        font-size: 20px; 
    }

    Best regards,
    Rikard

    #1357348

    In reply to: wordwrap

    Hi,

    Thank you for the update.

    You can also adjust the font size on smaller screens. Please try this css code.

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
        font-size: 1em;
        letter-spacing: 1px;
        word-break: break-word;
      }
    }
    

    Default font-size value is 2em.

    Best regards,
    Ismael

    #1357249

    Hey woogie07,

    Thank you for the inquiry.

    You can use this css code to adjust the size of the social icons. Please add it in the Quick CSS field or in the child theme’s style.css file.

    
    #top #socket .social_bookmarks {
        margin: 0 0 0 30px;
        height: 50px;
    }
    
    #top .social_bookmarks li {
        width: 50px;
    }
    
    #top .social_bookmarks li a {
        width: 100px;
        line-height: 50px;
        min-height: 50px;
        font-size: 30px;
    }
    

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    CityCollege
    Participant

    Our enfold installation has a folder that has a huge file size.
    The issue is with the avia_fonts folder in wp-content/uploads. We can’t even browse to it.

    This has eaten up our server space.

    #1356855

    can you temporarily remove the child-theme tag.php – and put this to your child-theme functions.php:

    add_filter('avf_blog_style','avia_change_tag_blog_layout', 10, 2); 
    function avia_change_tag_blog_layout($layout, $context){
    if($context == 'tag') $layout = 'blog-grid';
    return $layout;
    }
    
    add_filter('avf_post_slider_args', function($atts, $context){
      if($context == 'tag') {
        $atts['type']  = 'grid'; 
        $atts['columns']  = 1;
      }
      return $atts;
    }, 10, 2);

    and this to quick css

    #top.tag .entry-content-wrapper .post-title{
      margin-bottom: 40px
    }
    
    #top.tag .slide-entry-wrap {
      margin-bottom: 10px;
    }
    
    #top.tag .slide-image {
      display: none !important;
    }
    
    #top.tag .slide-content > :not(.entry-content-header) {
      display: none;
    }
    
    #top.tag .slide-entry-wrap .entry-content-header .slide-entry-title:before {
      content: "Article:";
      font-size: inherit;
      font-weight: inherit;
      color: #666;
      padding-right: 15px;
    }
    #1356658

    you can address these icons via attribute selector.
    f.e. here on a testpage – see the first iconbox on the left: https://webers-testseite.de/
    Open the alb ( in this case the iconbox – and hover the wanted icon to inspect the code behind that font-icon – here it is: ue837
    get rid of the u ( i guess it stands for unicode ) and note your code for the icon as : \e837 ( the backslash is used here )
    click to enlarge the image:

    now my replacement code on quick css is:

    div[data-av_icon="\e837"] {
    	content: " ";
    	background-image: url(/wp-content/uploads/ezgif-4-64b6614e32.gif);
    	background-size: contain;
    	background-repeat: no-repeat;
           font-size: 0 !important
    }

    this gif will now replace all occurrences of this font icon. And if the replacement image is transparent the alb settings for border-color and background-color will be adjustable too. ( Font-color : NOT ; self-evident )
    :LOL and even in the preview it will be replace:

    BUT: i see that some of those icons are placed in a different way ( f.e. as span – so be carefull to adjust the code then !

    Hi,
    Thank you for your patience, in your opening post you said that the EN iconbox title doesn’t show in white only for logged-in uses, but I see this error on Windows with Chrome not logged-in.
    Anyways, on your EN page all of the sections starting with #references and below are outside the #main container:
    2022-06-26_008.jpg
    compare to the DE site:
    2022-06-26_009.jpg
    typically this occurs when an element has an unclosed manually added tag or div, and typically it’s the last element befor the error, but it could be anywhere on the page.
    So considering this, when I compare your DE & EN tab section, I see the DE has two columns and EN only has one, please see the screenshot in the Private Content area.
    Please check your tab sections.
    Another possible cause is if you are programmatically adding sections with broken shortcodes or injecting shortcode somehow after the DOM, so if you are try disabling this function.
    If you just want to fix the iconbox title color for this one page, try this css:

    #top.page-id-4519 .iconbox .iconbox_content_title {
        font-size: 50px;
        color: #fff;
    }

    Best regards,
    Mike

    #1356540

    Hi,

    If you want to set general font sizes for headings, then you can do so under Enfold->General Styling->Typography. If you are referring to the captions in the Full Width Easy slider on your front page, then you can set font sizes for each screen size if you click in to each slide, then change the font sizes in the Styling->Font Sizes tab.

    Best regards,
    Rikard

    #1356488

    Hi Ismael,
    It looks like you didn’t received my answer.
    As I am new to responsive editing, could you please explain where exactly are the locations you are talking about ?
    – Where are special headings ? I am using the legend within the slide-shows.
    – Where is Style/Font/size ?
    – Where should I put the css ? I tried in the box of the slide-show (in advanced, css class) but it didn’t change anything when looking from the mobile.
    Thank you
    Regards,
    HulaSlim

    #1356413

    Hi,

    Yes, this is the default implementation.

    You can check in the post css files.

    Create a page with e.g. textblock and set the font sizes. You will see “default” font is without media query and then come the responsive media queries for the font sizes.

    Best regards,
    Günter

    Hi,

    Thanks for the update. We didn’t change anything on your site, so it’s likely that you have active caching on your site, which has now expired.

    1. I’m not sure exactly on which screen size you are looking to change which headings, but the ones you indicated in the screencast can be controlled with this CSS:

    .av-image-caption-overlay-center {
      font-size: 26px;
    }

    2. There is CSS changing that section to orange coming from the file in private. It’s impossible for us to know where that is added though, since the URL doesn’t give any clues.

    Best regards,
    Rikard

    #1356382

    Hey Guenter,

    A first response:

    The basic implementation for responsive in enfold is that you have a setting with no media query (description is desktop – no media query) either in css files or set in options and then media queries that override the desktop setting.

    I think this is also a historical reason because responsive was added later.

    Changing this will certainly break many sites.

    But I agree – there is missing an option with a media query for large screens only (wider than 990px).

    This would allow:

    • set a custom default value for all sizes (and override theme setting)
    • set a custom value for each of the 4 devices independently, if not set the custom default value for all sizes or theme default is used

    I will think about it a little more.

    This can also be used for font sizes and other responsive settings

    Best regards,
    Günter

    #1356293

    put it in General Styling – Quick CSS
    maybe an important is necessary :

    #top .image-overlay .image-overlay-inside::before {
      content: "\e80f" !important;
      font-size: 50px;
      color: #fff !important;
    }
    
    #top div .avia-gallery .avia-gallery-big {
      padding: 0px !important;
      border-style: none !important;
    }
    
    #top div .avia-gallery img {
      border-style: none !important;
      padding: 0px !important; 
    }

    the : content: "\e80f" is a little camera – if you like to show a real image – code has to be adjusted.
    if you like to have it specific only for one gallery – give a custom-class to that gallery – and this has to be part of the css code.

    PS: i do not see your private content area – i’m participant as you- so i only could investigate own or the enfold demo pages to give advice.

    #1356277

    use on that the quick css input field.

    if you mean this “Gallery with Preview” on https://kriesi.at/themes/enfold/shortcodes/gallery/
    try:

    #top .image-overlay .image-overlay-inside::before {
      content: "\e80f" !important;
      font-size: 50px;
      color: #fff !important;
    }
    
    #top div .avia-gallery .avia-gallery-big {
      padding: 0px;
      border-style: none;
    }
    
    #top div .avia-gallery img {
      border-style: none;
      /*** padding: 0px; *** - if you like ***/
    }
    #1356231

    Hi schweg33,

    You can use the same plugin, it can be fixed by adding this CSS code in Enfold > General Styling > Quick CSS:

    #footer {
        padding: 0;
    }
    
    #footer .widget {
        margin: 0;
    }
    
    #top .footer_color .widgettitle, #top .socket_color .widgettitle {
        color: #000000;
        text-transform: none;
        font-size: 13px;
        letter-spacing: 0.09em;
    }

    Best regards,
    Nikko

    #1356213

    In reply to: avia layout gone!

    seems like when i use below css i can see the green button but not the other button.

    @media only screen and (max-width: 767px) {
    .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 10px;
    }

    #top #wrap_all .avia-slideshow .av-slideshow-caption {
    font-size: 30px;
    }

    #top .avia-slideshow .av-slideshow-caption p {
    font-size: 14px;
    }
    #top .flex_column_table.av-equal-height-column-flextable.av-9y4su-ed9cb8f9ef6e3819ca120920f518c18b {
    margin-top: -115px;
    }
    }
    @media only screen and (max-width: 767px) {
    .av-slideshow-caption .container {
    width: 95%;
    max-width: 95%;
    }
    }

    #1356212

    In reply to: avia layout gone!

    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.4);
    }
    .home #av_section_1 .iconbox_content {
    min-height: 591px;
    }

    #avia2-menu {
    position: relative;
    top: -3px;
    }

    #top .flag-dansk {
    background: url(‘https://www.zorbas.dk/wp-content/uploads/2017/03/dansk-flag.png’) center center no-repeat !important;
    height: 18px;
    width: 50px;
    text-indent: -9999em;
    }

    #top .flag-svensk {
    background: url(‘https://www.zorbas.dk/wp-content/uploads/2017/03/svensk-flag.png’) center center no-repeat !important;
    height: 18px;
    width: 50px;
    text-indent: -9999em;
    }

    #top .flag-dansk a,
    #top .flag-svensk a {
    display: block;
    }

    .custom-tag {
    padding: 5px;
    background-color: rgba(0,0,0,0.5);
    }

    #top .widget_nav_menu {
    padding-top: 0;
    }

    .sidebar_left {
    -moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
    box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
    }

    .sidebar_left .inner_sidebar {
    margin-right: 0 !important;
    }

    .sidebar_left .widget_nav_menu ul li a {
    border: 1px solid #e1e1e1;
    border-right: 0;
    border-left: 0;
    color: #666;
    margin: 0 0 -1px;
    padding: 12px 16px !important;
    text-align: left;
    }

    .sidebar_left .widget_nav_menu ul li.current-menu-item a {
    color: #719430;
    }

    /*8bba34*/

    .sidebar_left .widget_nav_menu ul li:first-child a {
    border-top: 0;
    }

    .page-id-2584 #element_avia_17_1 {
    width: 100%;
    margin-left: 0;
    }

    .av-catalogue-content {
    padding-right: 0px;
    }
    .avia-testimonial-image {
    float: none;
    margin: 0 auto 0px auto;
    }
    .avia-testimonial-meta {
    margin-left: 0;
    text-align: center;
    }

    .lch-progrees-bar {
    padding-right: 0px;
    margin-right: -0px;
    }

    .page-id-118 .sidebar_left #nav_menu-2 {
    display: none;
    }

    .page-id-120 .sidebar_left #nav_menu-2 {
    display: none;
    }

    .page-id-123 .sidebar_left #nav_menu-2 {
    display: none;
    }

    .page-id-125 .sidebar_left #nav_menu-2 {
    display: none;
    }

    /*
    @media only screen and (max-width: 767px) {
    .responsive .avia-grid-testimonials .avia-testimonial-meta {
    margin-left: 130px;
    }}*/

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .lch-progress-bar {
    padding-right: 0px;
    margin-right: 50px;
    }
    }

    @media only screen and (min-width: 768px) {
    .home #av_section_2 .entry-content-wrapper {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    }

    .home #av_section_2 .entry-content-wrapper .iconbox,
    .home #av_section_2 .entry-content-wrapper .iconbox_content {
    height: 100%;
    }

    .home #av_section_2 .entry-content-wrapper .iconbox_content {
    padding-bottom: 0;
    }
    }

    .home #av_section_2 .entry-content-wrapper .iconbox_content {
    padding-bottom: 30px!important;
    }

    .home #av_section_2 .entry-content-wrapper .iconbox_content .avia-button-center {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    width:90%;
    }

    @media only screen and (max-width: 767px) {
    .av-catalogue-price {
    font-size: 14px;
    position: relative;
    }
    .av-catalogue-title {
    font-size: 14px;
    line-height: 1.5em;
    }

    .avia_textblock {
    line-height: 37px;
    }

    h1 {
    line-height: 60px;
    }

    .fb-page.fb_iframe_widget,
    .fb-page.fb_iframe_widget span {
    position: static !important;
    width: 100% !important;
    }

    .av-catalogue-content p:last-child {
    font-size: 11px;
    }

    .av-catalogue-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }

    .responsive .tabcontainer .tab_content {
    padding: 0 5px;
    }

    .av-catalogue-content p {
    font-size: 10px !important;
    }

    .progressbar-title {
    font-size: 11px;
    }

    .avia_message_box_content {
    margin-left: -8px;
    margin-right: -8px;
    }
    }
    @media only screen and (max-width: 767px) {
    .av-catalogue-price {
    font-size: 11px;
    position: relative;
    }
    .av-catalogue-title {
    font-size: 11px;
    line-height: 1.5em;
    }

    }
    #advanced_menu_toggle, #advanced_menu_hide {
    display:block !important;
    }
    }

    /*caldera*/
    .caldera-grid {
    font-size: 20px;
    }

    #fld_4934012Caption {
    font-size: 12px;
    color: green;

    }

    @media only screen and (max-width: 1024px) {
    nav.main_menu, #menu-item-search {
    display: block !important;
    }
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #000;
    }

    #top .av_header_stretch .container {
    width: 70% !important;
    margin: 0 20px;
    }

    Although I have installed the font LATO via plugin and in the general styling as font, size 14 px (in the main theme as well as in the child theme) this setting is consistently ignored by WordPress. The font is not even available in the classic editor for manual selection.
    What on earth have I done wrong? I hope you can fix this

    #1356022

    In reply to: avia layout gone!

    Hi,

    Thanks for that. I set smaller font sizes for the smaller screen resolutions for you in the element option, and that works as expected. Please review your site.

    Best regards,
    Rikard

    Hi,

    Thanks for contacting us!

    Please go to Enfold theme options > General Styling > Typography and edit “Default Content Font Size (eg: blog post content) – Selector: body { … }” :)

    Regards,
    Yigit

    O_Herz
    Participant

    Hello dear support team,
    I would like to change the font size in Enfold, but unfortunately under General Styling > Fonts I only have the selection of the font type, but not the font size.
    What can I do?

    #1355925

    Hey JeffTweddale,

    Thank you for the inquiry.

    Good catch! The font sizes between the posts and pages are different because of this base css code in the layout.css file.

    #top .fullsize .template-blog .post .entry-content-wrapper {
        text-align: justify;
        font-size: 1.15em;
        line-height: 1.7em;
        max-width: 800px;
        margin: 0 auto;
        overflow: visible;
    }
    

    We will report the issue to our channel and adjust the code accordingly. For the meantime, you can override the default style using this css code.

    #top .fullsize .template-blog .post .entry-content-wrapper {
        font-size: 1em;
    }
    

    Best regards,
    Ismael

    #1355924

    Hey HulaSlim,

    Thank you for the inquiry.

    Are you using the Special Heading element? The size of the font can be changed per device or screen size in the Styling > Font Sizes > Heading Font Sizes settings.

    You can also use this css code to adjust the font size of inline headings or titles.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
        font-size: 20px !important;
      }
    }
    

    Best regards,
    Ismael

    #1355912

    Topic: Image Caption

    in forum Enfold
    woogie07
    Participant

    Hi,

    Are there any advance styling options for the image captions for the theme? I need to change the weight, size, font

    Thanks
    Marcus

    #1355897
    JeffTweddale
    Participant

    I believe that Posts and pages are all considered ‘content’ in EnFold. Thus I have set the font family in Enfold theme options > General Styling tab | FONT tab to use Arial and 12 pt. But when I make a POST my font size is 13 pt (https://hotel.bookingcenter.com/auscozl/2021/12/28/gym/)

    When I make a Page it’s always 12 pt. (eg: https://hotel.bookingcenter.com/auscozl/general-information/)

    I can’t get the same font for the same size on both POSTS and PAGES. Why is this? Can you help me solve?

Viewing 30 results - 1,831 through 1,860 (of 18,718 total)