Viewing 30 results - 3,961 through 3,990 (of 18,733 total)
  • Author
    Search Results
  • #1197991

    In reply to: title rotator

    This reply has been marked as private.
    #1197861

    In reply to: Top Bar

    Thank you. When I add the padding to the #header_Meta { … I noticed that it pushes the navigation menu bar to overlap the hero slider on the homepage as well as all the other pages, as you can see here: https://pasteboard.co/J0LDgpTd.png.

    Also, I was hoping to have social media icons and its white pipe bar to increase with the font size. Is that possible or it’s not?

    Thanks,
    Devon

    #1197808

    In reply to: resize contact form

    Thanks guys!! I combined both of your solutions and played with the percentages and that worked great. I did add a @media query for mobile only as well and took Victoria solution and made the percentages 100% for that one. (Just for anyone else that might want to do this.)

    Thanks for all of the advice. You guys are fantastic!

    This is specifically what I added to enfold CSS:

    /*Victoria’s Solution */

    #element_avia_1_1 {
    width: 48%;
    margin-right: 10px;
    }
    #element_avia_2_1 {
    width: 50%;
    }
    #element_avia_3_1 {
    width: 48%;
    margin-right: 10px;
    }
    #element_avia_4_1 {
    width: 50%;
    }
    #top .avia_ajax_form .first_form {
    clear: none;
    }

    /*Rikard’s Solution */
    @media only screen and (min-width: 768px) {
    .home #av_section_1 .container {
    padding: 0 20%;
    }
    }
    .home #av_section_1 .container .button {
    width: 100%;
    font-size: 20px;

    }

    /*My Addition for mobile */

    @media screen and (max-width: 500px) {
    #element_avia_1_1 {
    width: 100%;
    margin-right: 10px;
    }
    #element_avia_2_1 {
    width: 100%;
    }
    #element_avia_3_1 {
    width: 100%;
    margin-right: 10px;
    }
    #element_avia_4_1 {
    width: 100%;
    }
    #top .avia_ajax_form .first_form {
    clear: none;
    }
    }

    #1197736

    Hi,

    I was talking about email icon :)

    Here is my comment on that issue

    2- That is actually expected as there is not enough space to display your content in header meta. You could insert less content, decrease font size on smaller screens or hide certain content in header meta in smaller screen sizes. If you need assistance after your decision, please let us know :)

    Best regards,
    Yigit

    #1197729

    In reply to: title rotator

    Hi MAJO_Agency,

    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

    
    .js-marquee {
        font-size: 18px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1197631

    Hey,

    Thanks for contacting us!

    1- I added following code to bottom of Style.css file of your child theme

    #header .mail .av-icon-char { 
        font-size: 17px!important; 
        line-height: 17px !important;
    }

    2- That is actually expected as there is not enough space to display your content in header meta. You could insert less content, decrease font size on smaller screens or hide certain content in header meta in smaller screen sizes. If you need assistance after your decision, please let us know :)

    Best regards,
    Yigit

    #1197596

    Hey willevo311,

    Please try this instead:

    .customized-heading {
    display: table; 
    background: #1B4074 !important;
    color: #2D2D2D !important;
    font-size: 14px;
    padding: 5px 20px;
    }

    Best regards,
    Rikard

    #1197132
    willevo311
    Participant

    Hi everyone,
    I found a forum thread here that talked about adding a yellow background color to text and after applying it, I’m having a weird spacing issue that I can’t figure out. Can someone tell me where I went wrong? Please :)

    Here is the post for reference: https://kriesi.at/support/topic/how-to-highlight-text-in-blog-posts/

    I added this css to site:

    .customized-heading {
    background: #1B4074 !important;
    color: #2D2D2D !important;
    font-size: 14px;
    padding: 5px 20px;
    }

    Then added this to the text block code area:

    <h4 class=”customized-heading”><p style=”text-align: center;”>Need to sell your house FAST? Overwhelmed by costly REPAIRS? Just need a STRESS-FREE experience?</p></h4>

    It did what I wanted to but there is a ton of space on the right and left that is highlighted and that is my issue. I am hoping to get it to just highlight the text and not the space to the left and right..

    Any advice would be greatly appreciated!!

    Thanks,
    Will

    #1196975

    In reply to: Top Bar

    Hi,

    Add this to quick css:

    #header_meta{
    padding:10px 0!important;
    }
    
    .phone-info {
    font-size:20px!important;
    }

    Best regards,
    Jordan Shannon

    #1196919

    Thanks Jordan,

    The first code still has the title underneath the photo.

    Here’s a better example of what I’m trying to do…
    https://www.amyvermillion.com/projects.php

    1) I want the photo title to center over the photo in white (I want to be able to adjust the font and point size);
    2) I may want a subtitle underneath (I want to be able to adjust the font and point size);
    3) I want the shadow to show up when you hover;
    4) I also may want to use 2 columns (vs. 3 like I have now). But I select 2 columns, the space underneath the photos disappears (i.e. the photos touch)… so I need to know how to change the margin width.

    Thanks so much!

    #1196875

    Hi Uwe,

    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

    
    div .main_color .tabcontainer .tab_titles div {
        font-size: 16px;
        outline: none;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1196406

    Hi Tflores87,

    Here is the code for the nav that you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    /* Header in sidebar to turn to burger on iPad 768px */
    @media only screen and (max-width: 990px) {
      
            .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
            .responsive #top .av_header_transparency .logo img.alternate{display:none;}
            
            .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
            .responsive #top #main {padding-top:0 !important; margin:0;} 
            .responsive #top #main .container_wrap:first-child{ border-top:none; }
            .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
            .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
            .responsive .phone-info span{margin:0;padding:0; border:none;}
            .responsive.html_header_top #header_main .social_bookmarks ,
            .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; } 
            
            .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
            .responsive .logo a{display:table-cell; vertical-align: middle;} 
            .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
            .responsive #header_main .container{height:auto !important; }
            .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
            .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
            .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
            .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
            .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
            .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
            .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
            .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
            .responsive #header .social_bookmarks li{float:none; display: inline-block;}  
            .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
            .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
            .responsive .logo img{margin:0;}
            .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
            .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}  
            
            .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
            .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
            
            .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
            .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
            .responsive #top .av_header_transparency #header_main_alternate, 
            .responsive .av_header_transparency #header_main .social_bookmarks li a,
            .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
            .responsive #top .av_header_transparency #header_meta, 
            .responsive #top .av_header_transparency #header_meta li,
            .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
            .responsive.html_top_nav_header .av-logo-container{height:auto;} 
            .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
            
            
          /*new mobile*/
            .responsive .av-burger-menu-main{display: block;}
            .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
            .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
            .responsive #top .av-main-nav .menu-item{display:none;}
            .responsive #top .av-main-nav .menu-item-avia-special{display:block;}
            .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
            .responsive #header_main_alternate{display:none;}
            .responsive #top #header .social_bookmarks{display:none;}
            .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
            .responsive #top .av-logo-container .avia-menu{height:100%;}
            .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
            .responsive #top #main .av-logo-container .main_menu{display:block;}
            .responsive #top #main .av-logo-container .social_bookmarks{display:none;}
            .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
            .responsive #top #main .av-logo-container .main_menu{display:block;}
            .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
            .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
            .responsive #top #wrap_all .av-logo-container {padding:0;}
            .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
                min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
            }
            .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
            .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
            background:transparent;
            color: inherit;
            }
            
            .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
            .html_header_sidebar #header .container {
              width: 90%;
            }
    
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1195966
    jbond82
    Participant

    is it possible to change the font size in the css after the comma as in the attached photo?
    https://ibb.co/L5Dw8Bv

    thank for support

    • This topic was modified 6 years ago by jbond82.
    #1195575

    In reply to: Post Masonry

    Ok.. so we figured out how to top align the caption. However, is there a way to increase the font size and the character count for the leadin (first few lines of the post after the title)? This again would be for all post grids on the site. Thanks!

    #1195551

    Topic: Social Media in Footer

    in forum Enfold
    DMONAHAN
    Participant

    Hi – I am struggling to figure out how to do the following with the social media within the footer as you can see I have set it up within the footer widgets within Custom HTML:

    [av_font_icon icon='ue8f8' font='entypo-fontello' style='' caption='' size='40px' padding='10px' position='left' color='' link='manually,https://www.pinterest.com/angelclosets' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
    [av_font_icon icon='ue921' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.youtube.com/watch?v=o9IZ6sjQIJA&list=PLHgQb1OQv_lWnVgxdScdBf2daYY1uGuJv' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
    [av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.instagram.com/acpcustomclosets/' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
    [av_font_icon icon='ue8f3' font='entypo-fontello' style='' caption='' size='40px' position='left' padding=‘20px’ color='' link='manually,https://www.facebook.com/AFFORDABLE-CLOSETS-PLUS-LLC-293029475542' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]

    1. This isn’t the order I wanted, how can I fix that?
    2. I would like to have padding between the icons?
    I have added this CSS code and no change: #footer .widget_text .custom-html-widget .footer-icons .avia-image-container-inner {
    padding-right: 10px;
    }
    3. How can I get all the icons to be yellow – only Pinterest is showing in yellow?
    4. I tried to add ‘_blank’ within the linktarget=” code and the icon disappears.

    Thanks,

    So, I managed to add the size – and now it seems, that the font I have choosen lies abit lower than the other font – the words should have the same – is it groundline? – not sure. Is it possible to move my word “weinverliebt” a little bit higher?
    what I now have is:

    #menu-item-3243 .avia-menu-text {
    color: #94045C !important;
    }

    #menu-item-3243 .avia-menu-text {
    font-family: ‘Playball’, cursive !important;
    font-size: 30px !important;
    }

    Hi Rikard,

    thanks. I got the colour I wanted and included a new font, that worked also, but the font size was crap and I couldn’t get it to work:

    #menu-item-3243 .avia-menu-text {
    color: #94045C !important;
    }

    #menu-item-3243 .avia-menu-text {
    font-family: ‘Playball’, cursive, font-size: 32px !important;
    }

    I guess I have chosen a crappy font anyway, but when I know how this works I can change it again.

    thanks :-)

    #1195520

    Hi jwencke,

    Please add this CSS code in Quick CSS, located in Enfold > General Styling:

    #top #header #header_main .logo {
        left: 50%;
        margin-left: -115.26px;
    }
    
    #top #header #header_main .logo a {
        font-size: 28px;
    }

    Just adjust the font size and if you adjust the font size, please adjust the margin-left value as well :)

    Best regards,
    Nikko

    #1195486
    jwencke
    Participant

    Hi

    I don’t have a logo, so want my site identity to be in large text instead. How do I increase the text size and centre it?

    Thanks
    Janine

    #1195465

    In reply to: Blog images wider

    Hi charlotteraboff,

    Thanks for giving us ftp access.
    I have added loop-index.php in the includes folder and inserted this code: https://pastebin.com/tyUvvBNa
    Then added this CSS code in your Quick CSS:

    #top .fullsize .template-blog .post .entry-content-wrapper {
        max-width: 100%;
    }
    
    #top .fullsize .template-blog .post .entry-content-wrapper > * {
        width: 90%;
        max-width: 1310px;
    }
    
    #top .fullsize .template-blog .post .entry-content-wrapper > .big-preview {
        width: 100%;
        max-width: 100%;
    }
    
    .new-header .post-date {
        font-size: 20px;
        margin: 0 auto;
        overflow: hidden;
        padding: 20px 0;
        position: relative;
        text-align: center;
        width: 780px;
    }
    
    .new-header .post-date:before,
    .new-header .post-date:after {
        border-top: 1px solid #666;
        content: "";
        height: 1px;
        position: absolute;
        top: 34px;
        left: 0;
        width: 280px;
    }
    
    .new-header .post-date:after {
        left: auto;
        right: 0;
    }

    Please flush out your browser cache to view the changes properly or ctrl + f5.
    Let us know if you need further assistance.

    Best regards,
    Nikko

    #1195354

    Hi,

    Try to remove this CSS:

    #top .price span {
        font-size: 18px !important;
        font-family: Montserrat,sans-serif;
    }

    Then add this instead:

    .woocommerce-Price-amount {
      font-size: 18px;
    }
    
    .woocommerce-Price-currencySymbol {
      font-size: 20px;
    }

    Best regards,
    Rikard

    #1195258

    Hi,
    Sorry, I don’t have an iPhone, but please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px){
    .responsive #top .slideshow_caption {
        left: 50% !important; 
        width: 70% !important; 
    }
    .slideshow_align_caption > H1.avia-caption-title {
    	font-size: 20px !important; 
    }
    }

    Best regards,
    Mike

    #1195244

    Hi Rikard
    Many thanks for your answer.

    Quick CSS lock now like this:

    #top .avia-datepicker-div.ui-datepicker {
    z-index: 9999 !important;
    }

    label, input {
    color: #948484!important;
    border-color: #948484!important;
    border-top-color: rgb(148, 132, 132) !important;
    border-right-color: rgb(148, 132, 132) !important;
    border-bottom-color: rgb(148, 132, 132) !important;
    border-left-color: rgb(148, 132, 132) !important;
    }

    @media only screen and (min-width: 768px) {
    #footer section#text-3 {
    position: relative;
    left: 50%;
    }
    }

    @media only screen and (max-width: 767px) {
    #footer .flex_column {
    text-align: center;
    }
    }

    .widgettitle {
    text-transform: none!important;
    }

    .textwidget i {
    color: #948484;
    }

    div#footer {
    font-size: 15px;
    }

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{text-transform:none}

    span.oeffnungszeit {
    display: inline-block;
    width: 150px;
    }

    h1,h2,h3,h4,h5,h6,a,.avia-menu-text,.av-special-heading-tag {
    color:#948484!important;}

    .avia_textblock a{text-decoration:underline}

    The problem is unfortunately still the same. You can see it on the link below.

    #1195147

    Hi,
    To change the font size to 40px you will also need to adjust the margin of the “before” like this:

     .iconbox_content div.iconbox_icon:before {
     margin-left: -6px !important; 
     }
      .iconbox_content div.iconbox_icon {
      	font-size: 40px !important; 
      }

    Please adjust to suit.

    Best regards,
    Mike

    #1195073

    Dear Victoria
    I have the same problem, but I have never edited Quick CSS before. At the moment it looks like this:

    label, input {
    color: #948484!important;
    border-color: #948484!important;
    border-top-color: rgb(148, 132, 132) !important;
    border-right-color: rgb(148, 132, 132) !important;
    border-bottom-color: rgb(148, 132, 132) !important;
    border-left-color: rgb(148, 132, 132) !important;
    }

    @media only screen and (min-width: 768px) {
    #footer section#text-3 {
    position: relative;
    left: 50%;
    }
    }

    @media only screen and (max-width: 767px) {
    #footer .flex_column {
    text-align: center;
    }
    }

    .widgettitle {
    text-transform: none!important;
    }

    .textwidget i {
    color: #948484;
    }

    div#footer {
    font-size: 15px;
    }

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{text-transform:none}

    span.oeffnungszeit {
    display: inline-block;
    width: 150px;
    }

    h1,h2,h3,h4,h5,h6,a,.avia-menu-text,.av-special-heading-tag {
    color:#948484!important;}

    .avia_textblock a{text-decoration:underline}

    Where exactly do I have to insert your part?

    THANKS A LOT
    Patrik

    #1195023

    Hi Keith,

    Please try this CSS as well for the ampersand:

    .special_amp {
        font-family: inherit;
        font-style: normal;
        font-size: inherit;
        line-height: inherit;
        font-weight: normal;
    }

    Best regards,
    Rikard

    Sorry, no changes – still bold. Below my entire CSS for your reference:

    .av-main-nav > li > a {
        bottom: -35px;
        position: relative;
    }
    
    #main .minor-meta.comment-container, 
    #main .text-sep-comment{
    display: none;
    }
    
    span.blog-categories.minor-meta {
        display: none!important;
    }
    
    .av-alb-blogposts .text-sep.text-sep-comment {
        display: none;
    }
    
    .page-id-14 .entry-title, .page-id-88 .entry-title, .page-id-176 .entry-title, .page-id-80 .entry-title, .page-id-78 .entry-title, .page-id-189 .entry-title  {
        font-size: 18px !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        text-transform: none !important;
    }
    
    .flex_column.av_four_fifth section .avia_textblock p{
    margin-top:0px!important;
    }
    
    h3.widgettitle {
    font-weight:normal!important;
    }
    
    .flex_column.av_four_fifth .av_textblock_section {
    bottom:3px!important;
    position:relative!important;
    }
    • This reply was modified 6 years ago by mbosse99.
    #1194790

    Hi,
    Thanks for the login, on the contact form what color do you want the “Nachricht” text? Are the other placeholders colors correct?
    The placeholder color for the “Nachricht” text is set by:

    .responsive #top ::placeholder {
    	color: #ad0e08;
    	opacity: 1;
    	font-family: 'Montserrat Alternates', sans-serif;
            font-size: 17px!important;;
    }

    So what is wrong with this is that it is too general and it sets the color to all placeholders, I recommend setting a custom class for the contact form:
    2020-03-20_065045.png
    you can add this custom class to all of your contact forms, and then change the css to this:

    .responsive #top .contact-form ::placeholder {
    	color: blue !important; 
    }

    Notice I changed the color to blue just for example to show that this doesn’t change the color on the comment forms.
    For the other placeholders please try:

    #top #wrap_all #main .main_color .contact-form input::placeholder,#top #wrap_all #main .main_color .contact-form span.value_verifier_label {
    	color: blue !important;
    }

    This will change the color of the input text:

    #top .main_color .contact-form input[type="text"]{
    	color: blue !important;
    }

    Best regards,
    Mike

    #1194766
    jbond82
    Participant

    It’s possible to change the style size of the valute in the product list
    ES:
    € (have size 20px and padding 2px)

    PRICE (have size 18 px)

    thank you so much

    #1194682

    In reply to: responsive social info

    Hi,

    Thank you for the update.

    We wrapped each element inside a span tag to keep the icon and text together on mobile view.

    <span class="map">[av_font_icon icon='ue80c' font='fontello' style='' caption='' link='' linktarget='' size='19px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon]<a href="https://www.google.com/maps/place/Bella+Tropea+Accommodation+B%26B (Email address hidden if logged out) ,15.8921472,19z/data=!4m13!1m7!3m6!1s0x0:0x0!2zMzjCsDQwJzI5LjkiTiAxNcKwNTMnMzMuNyJF!3b1!8m2!3d38.6749667!4d15.8927!3m4!1s0x0:0x1d24b7c643cc9425!8m2!3d38.67488!4d15.8925799" target="_blank" rel="noopener"> Via Libertà,162,Tropea </a></span><span class="phone">[av_font_icon icon='ue80e' font='fontello' style='' caption='' link='' linktarget='' size='17px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon] <a href="tel:+393462377428">+39 3462377428</a></span><span class="mail">[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='23px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon] <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></span>
    

    Best regards,
    Ismael

Viewing 30 results - 3,961 through 3,990 (of 18,733 total)