Viewing 30 results - 12,631 through 12,660 (of 18,739 total)
  • Author
    Search Results
  • #530775

    Hey keifygeorge!

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

    @media only screen and (max-width: 480px) {
    .slideshow_caption h2.avia-caption-title {
        font-size: 14px!important;
    }}

    Regards,
    Yigit

    #530741

    Topic: secondary menu

    in forum Enfold
    kimogroup
    Participant

    How do i change the font, size and color of secondary menu

    #530556

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    h1.entry-title a {
        font-size: 20px !important;
    }

    Best regards,
    Rikard

    #530104
    aB-Agenta
    Participant

    Hi!
    I was working on my iconbox styling and somehow i did sth wrong. the title now has a hover that displays another white box with the title on hover. where is my mistake? how can i fix this???? thx!

    /*allgemeiner Zeilenabstand*/
    
    body, body p {
    line-height: 1.4em;
    }
    
    /*Aufzählungzeichen in Eckig*/
    ul.disc, .entry-content-wrapper ul {
    list-style: square outside;
    }
    
    /*Bild Positionierung bei Team Mitglied */
    
    .team-img-container img {
      margin: 0 0 !important;
      align: left;
    }
    
    /*Abstand special headings nach unten*/
    
    .av-special-heading { 
    	padding-bottom: 20px !important; }
    	
    
    /*spezielle überschrift linie entfernt */
    
    .special-heading-border {
        display: none;
    }
    
    /*Fusstext */
    
    .fusstext{
    font-size: 11px !important;
    font-style: italic;
    }
    
    /* icon liste farbe von icons */
    
    .alternate_color .avia-icon-list .iconlist_icon {
    background-color: #df6e1f; font-size: 26px;
    }
    
    /* icon list text farbe und groesse */
    
     .alternate_color  .avia-icon-list p {
    color: #2e577e; font-size: 12px;
    }
    
    .main_color  .avia-icon-list a {
    color: #2e577e; font-size: 12px;
    }
    
    .iconbox_content_title { 
    color: #666 !important; 
    }
    
    /* icon list Hintergrund  und Box */
    .iconbox {
    background-color: #f8f8f8 !important;
    padding: 10px;
    border-style: solid;
    border-width: 0.5px;
    border-color: #666;
    }
    
    /* Katalog Schriftgrösse, keine Großbuchstaben und Hover Farbe */
    
    .av-catalogue-title{ 
    font-size: 13px; 
    font-weight: bold !important; 
    }
    a:hover .background_catalogue {
    color: #df6e1f !important;
    }
    
    .av-catalogue-content { 
    font-size: 13px !important; 
    }
    
    .av-catalogue-title {
    text-transform: none !important;
    } 
    
    /*Catalogue ohne Trennlinien */
    
    ul.av-catalogue-list, .av-catalogue-list li {
        border: none;
    }
    
    /*Catalogue Bildergröße */
    .av-catalogue-image 
    {border-radius: 0px; width:50px; float:left; margin-right:15px; }
    
    /* accordeon farbe */
    
    .vert_icon, .hor_icon {
      border-color: #df6f1f!important;
    }
    
    /*Footer Schriftgroesse, Absatz und Farbe*/
    
    #footer .textwidget  {
        font-size: 11px !important;
    	color: #ffffff !important; 
    	line-height: 1.2em;
    }
    #footer .widgettitle  {
        font-size: 13px !important;
    	color: #ffffff !important; 
    }
    
    /*Footer Bild Groesse*/
    
    #footer #avia_partner_widget-3 img {
        width: 80px!important;
        height: 80px!important;
    } 
    
    /*Footer Hoehe */
    
    #footer{
    bottom: 0;
    margin-top: 100px;
    z-index: 999;
    font-size: 9 px !important;
    text-align: bottom;
    background-color: #2e577e !important;
    }
    
    /*Footer Hover Farbe*/
    
    #footer a:hover {
        color: #df6e1f !important;
    }
    
    /*Socket Background */
    .socket_color
    {background-color: #df6e1f !important;
    }
    
    /*Socket Menu Links Hover Farbe*/
    
    #socket a:hover {
        color: #666 !important;
    }
    
    /*Socket Menu einblenden auf mobilen Geräten*/
    
    @media only screen and (max-width: 768px) {
    .responsive #socket .sub_menu_socket {
      display: block !important;
    }}
    
    
    #530088

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 1024px) {
    .av-main-nav > li > a {
        font-size: 14px!important;
    }
    li#menu-item-615 a {
        padding: 0;
    }
    #header .container {
        padding: 0;
    }}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    #529962

    In reply to: newsletter css

    Hey!

    Please change following code

    #mc4wp-form-1 input[type='email'] {
    padding:20px !important;
    }
    

    following one

    #mc4wp-form-1 input[type='email'] {
        padding: 15px !important;
        font-size: 18px;
    }

    Best regards,
    Yigit

    #529898

    Hi DROR!

    Please add following code to Quick CSS

    #socket * {
        font-size: 14px;
    }

    Regards,
    Yigit

    #529797

    Hi,

    You can drag a code block element (content elements tab) to the page in question and add the following to it:

    <style>
    @media screen and (max-width: 400px){
    .avia-caption-title { font-size: 14px !important; }
    .avia-caption-content { font-size: 12px !important; }
    }
    </style>

    Thanks,
    Rikard

    #529770

    In reply to: newsletter css

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #mc4wp-form-1 input[type='email'] {
    padding:20px !important;
    }
    
    .mc4wp-form input[type=submit] {
        padding: 20px !important;
        font-size: 20px !important;
    }

    Thanks,
    Rikard

    • This reply was modified 10 years, 5 months ago by Rikard.
    #529653
    raisonbrands
    Participant

    Howdy,

    How does one increase the title bar font size?

    As an addendum, how does one get the title bar to show up on their blog page?

    Thanks,

    #529530

    I had to use this to get it to work:

    .header_color .phone-info { 
       font-size: 15px; 
    } 
    #529489

    Hey!

    Oops sorry, try this instead.

    .mfp-title { font-size: 20px !important; background: red !important; }
    

    Best regards,
    Elliott

    #529353

    Hey jdelgadoesteban!

    They are not “breaking” on my end but at the lowest screen size they are moving up into the top part of the slideshow.

    Are you wanting to reduce the font size on smaller screens? Try adding this to a codeblock element in the page.

    @media screen and (max-width: 400px){
    .avia-caption-title { font-size: 14px !important; }
    .avia-caption-content { font-size: 12px !important; }
    }

    Cheers!
    Elliott

    #529265
    lome61
    Participant

    I´m using the code below. How can I:

    1. Align the sortable filter in center above the portfolio items?
    2. Give the category items a rectangular border with some colour change for active category etc.

    I realy tried reading the forum but cant find anything that works.

    The code I´m using:

    #top .isotope-item {
    padding-bottom: 10px;
    padding-right: 10px;
    }

    #js_sort_items a { font-size: 16px; }
    .sort_by_cat a > span {
    padding: 4px 10px;
    display: inline-block;
    }
    .sort_by_cat .text-sep {
    display: none;
    }

    .sort_by_cat a.active_sort span {
    font-size: 16px;
    }

    Kind regards
    Micke

    #529261

    In reply to: Enfold Showcase

    @jumamedia, simple use a entypo-fontello in place of home text, like this :
    <span class="av-icon-char" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" style="font-size:18px;line-height:18px;"></span>
    Regards.
    Jean

    #528963

    Hi Elliot,
    So the first code block did seem to constrain the images, however there is now a big gap between the elements in that cell so not everything can be seen.
    My HTML on the caption content is as follows:
    <table width=”100%” border=”0″ cellpadding=”6″>
    <tr>
    <td>FRIDAY SEPTEMBER 11, 2015<br />
    10:30PM</td>
    <td align=”center”><p style=”font-size: 24px”>Paladino’s Night Club</p></td>
    <td>Share </td>
    </tr>
    </table>
    Any thoughts?

    On the second line of code, it is making the whole tr transparent except the border and an opacity around the text. I DO want to get an adjustable opacity to the whole tr background including the border, not a complete transparency. I tried a variation on the rgba call but no luck.
    Again, thoughts?

    Thanks again for sticking with this. I have left the code in place at the same link from above so you can see what it is doing. I will work on some other sections in the meantime.

    #528813

    Hey!

    Try this out.

    .ppt { font-size: 20px !important; background: red !important; }
    

    Cheers!
    Elliott

    #528555

    Hi NikolausWuehrer!

    Add this to your custom CSS.

    .avia-caption-title { font-family: verdana !important; font-size: 16px !important; color: blue !important; }
    .avia-caption-content { font-family: verdana !important; font-size: 14px !important; color: red !important; }
    

    Regards,
    Elliott

    • This reply was modified 10 years, 5 months ago by Elliott.

    Thanks :)

    do I have to use !important rule in every line? Or am I fine if I use it only in the very last line?

    #top .scroll-down-link {
    color: red;
    font-size: 150px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important; 
    }

    and is it important to write the !important rule before the ; ?

    #528444

    Hey!

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

    blockquote {
        font-size: inherit;
    }

    Regards,
    Yigit

    #528403

    Hi!

    Please add following code to Quick CSS as well

    input.wpcf7-form-control.wpcf7-submit {
        font-size: 20px;
    }

    Best regards,
    Yigit

    #528383

    Hey DROR!

    Seems like you have figured it out already – http://i.imgur.com/12mpObw.png :)
    In case you have not, It would be not be possible without decrease font size.

    Regards,
    Yigit

    #528377

    Hi DROR!

    Please find following code in your custom CSS

    .av-countdown-time {
        font-size: 80px !important;
        font-weight: bold !important;
        color: #00a59d !important;
    }

    and change it to following one

    .av-countdown-time {
        font-weight: bold !important;
        color: #00a59d !important;
    }

    and then find following one

    .av-countdown-time {
        font-size: 40px !important;
    }

    and change it to

    @media only screen and (min-width: 1200px) {
    .av-countdown-time {
        font-size: 80px !important;
    }}

    Cheers!
    Yigit

    #528282

    I figured it out. ;You can close this thread.

    BTW: Why is the block quote text so much larger than the body text and where can I change this to make them the same size? Of course there are options in the Enfold control panel for body font size, but not for block quote size (unless I am missing something). I did multiple searches in your knowledge base and didn’t see anytyhing on this.

    Tommy

    Hi mmf1,

    Please try the following instead:

    .phone-info {
    font-size: 15px !important;
    color: red !important;
    }

    If that doesn’t work then please link to your site.

    Regards,
    Rikard

    #528200
    haschkeks6696
    Participant

    Hey

    I know the CSS for the customization of the scroll down link e.g. on a colored section

    #top .scroll-down-link {
    color: red;
    font-size: 150px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    }

    two questions:

    1) Do I really need the #top? (if yes why?)
    2) How can I make different scroll down arrows on different pages? I need a black one on my home page and a white one on my contact page.

    thanks :)

    #528194

    In reply to: Post Slider Arrows

    Hey!

    Try adding this code to the Quick CSS:

    #top .avia-content-slider {position: relative; overflow: visible;}
    #top .avia-content-slider .avia-slideshow-arrows {position: relative; width:51px; top:-3px; left:0; height: 24px;}
    #top .avia-content-slider .avia-slideshow-arrows a{opacity: 1; margin:0; width:24px; height:24px; line-height: 25px; font-size: 10px; top:0;}
    #top .avia-content-slider .avia-slideshow-arrows a:hover{opacity: 0.5;}
    #top .avia-content-slider .avia-slideshow-arrows a:before{line-height: 25px; border-radius: 1px;}
    #top .avia-content-slider .slide-image, #top .avia-logo-element-container img{margin:0 auto; display: block; width:auto; width: 100%\9;}
    #top .avia-content-slider .avia-slideshow-dots{position: relative; width:100%; left:0; bottom:0; margin-top: 10px;}
    #top .avia-content-slider .avia-slideshow-dots a{border-style: solid; border-width: 1px; bottom: 0;}
    #top .avia-content-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{background: #aaa; }
    
    #top .avia-content-slider .avia-slideshow-arrows {
        top: -29px;
        position: absolute;
        right: 0;
        left: auto;
    }

    Cheers! 
    Josue

    #528069

    ….sorry the images links don’t work:
    Here is again marked what I mean:
    http://pasteboard.co/1O2vNuFg.png

    And here the shortcodes from debug -I don’t see an problem here:

    [av_layout_row border='' min_height='0' color='main_color' mobile='av-fixed-cells' id='' custom_class='']
    
    [av_cell_one_third vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
    
    [av_image src='http://madlener.wom.server49.vorschauseite.eu/wp-content/uploads/2015/09/zeitbote_faq_produktlink-01-1030x828.jpg' attachment='684' attachment_size='large' align='center' animation='no-animation' styling='no-styling' hover='' link='' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#ffffff' overlay_text_color='#3f3f3f' custom_class='']
    <fb6>Hochzeitsbriefe</fb6>
    [/av_image]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
    
    [av_image src='http://madlener.wom.server49.vorschauseite.eu/wp-content/uploads/2015/09/zeitbote_faq_produktlink-02-1030x828.jpg' attachment='685' attachment_size='large' align='center' animation='no-animation' styling='no-styling' hover='' link='' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#ffffff' overlay_text_color='#3f3f3f' custom_class='']
    <fb6>Zeikapsel</fb6>
    [/av_image]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
    
    [av_image src='http://madlener.wom.server49.vorschauseite.eu/wp-content/uploads/2015/09/zeitbote_faq_produktlink-03-1030x828.jpg' attachment='686' attachment_size='large' align='center' animation='no-animation' styling='no-styling' hover='' link='' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#ffffff' overlay_text_color='#303030' custom_class='']
    <fb6>Nachlassbriefe</fb6>
    [/av_image]
    
    [/av_cell_one_third][/av_layout_row]

    Thanks again for your help.

    #528048

    Hey pctech33!

    Thank you for using Enfold.

    1.) Please make sure that you have the latest version of the theme and none of the plugins are causing the issue. Try to deactivate all plugins, remove browser cache then check the page.

    2.) Use this filter to add more google fonts in the theme options: http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/

    3.) Use this in the Quick CSS field:

    .avia-caption-content {
        line-height: 1.3em;
        font-size: 18px;
    }

    Regards,
    Ismael

    #528018
    tdproperty
    Participant

    You will notice on the private url that I provided when using the google chrome browser and you place your courser over the team member image then over the phone icon the following happens:

    1. The pop up splits the phone number into two lines
    2. You can not read the text because it as it blinds with the back ground

    Is there a way to:

    1. Expand the pop up box size?
    2. Change the color of the pop text?
    3. Change the Opacity of the black background so the text pops more?

    Also:

    Is there a way to make only this page turn the team members into mobile view so that the email addresses do not over lap? I have moved the font to 13px however would like to move it back to 16px however can not do so unless I can set the point that the team members turns into mobile layout?

Viewing 30 results - 12,631 through 12,660 (of 18,739 total)