Viewing 30 results - 105,661 through 105,690 (of 106,284 total)
  • Author
    Search Results
  • Hi,

    Open css > shortcodes.css then find this code

    .grey-bar .bar{
    background: #555;
    background-image: -webkit-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
    background-image: -moz-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
    background-image: -o-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
    background-image: -ms-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
    background-image: linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
    }

    .blue-bar .bar{
    background: #7bb0e7;
    background-image: -webkit-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    background-image: -moz-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    background-image: -o-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    background-image: -ms-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    background-image: linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    }

    .green-bar .bar{
    background: #555;
    background-image: -webkit-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
    background-image: -moz-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
    background-image: -o-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
    background-image: -ms-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
    background-image: linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
    }

    .orange-bar .bar{
    background: #EDAE44;
    background-image: -webkit-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
    background-image: -moz-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
    background-image: -o-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
    background-image: -ms-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
    background-image: linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
    }

    .black-bar .bar{
    background: #222;
    background-image: -webkit-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
    background-image: -moz-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
    background-image: -o-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
    background-image: -ms-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
    background-image: linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
    }

    .red-bar .bar{
    background: #B02B2C;
    background-image: -webkit-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
    background-image: -moz-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
    background-image: -o-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
    background-image: -ms-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
    background-image: linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
    }

    .teal-bar .bar{
    background: #5F8789;
    background-image: -webkit-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
    background-image: -moz-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
    background-image: -o-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
    background-image: -ms-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
    background-image: linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
    }

    .aqua-bar .bar{
    background: #4ECAC2;
    background-image: -webkit-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
    background-image: -moz-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
    background-image: -o-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
    background-image: -ms-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
    background-image: linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
    }

    .purple-bar .bar{
    background: #745F7E;
    background-image: -webkit-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
    background-image: -moz-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
    background-image: -o-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
    background-image: -ms-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
    background-image: linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
    }

    .pink-bar .bar{
    background: #D65799;
    background-image: -webkit-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
    background-image: -moz-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
    background-image: -o-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
    background-image: -ms-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
    background-image: linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
    }

    .silver-bar .bar{
    background: #D7D7D7;
    background-image: -webkit-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
    background-image: -moz-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
    background-image: -o-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
    background-image: -ms-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
    background-image: linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
    }

    Leave the solid background, for example. Grey bar should be like this

    .grey-bar .bar{
    background: #555;
    }

    Remove the background-image.

    Cheers,

    Ismael

    Hi,

    Edit header.php then find this code

    $phone = avia_get_option('phone');
    $phone_class = !empty($nav) ? "with_nav" : "";
    if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";

    Cut that and place it below this code

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

    Add this on your custom.css or Quick CSS

    .social_header .phone-info {
    font-weight: bold;
    height: 30px;
    line-height: 10px;
    right: 200px;
    top: 40px;
    position: absolute;
    }

    .social_header .phone-info.with_nav span {
    border: none;
    }

    Cheers,

    Ismael

    #120383

    Hi,

    Can you please apply Devin’s solution? I don’t see the avatars.

    Regards,

    Ismael

    #120649

    Hi,

    You can do something like this on your custom.css

    #menu-item-search {
    background: url(../images/layout/loading.gif) no-repeat center9;
    text-indent: -9999px9;
    }

    Replace the image URL with a search icon. Don’t remove the 9, it means for IE8 and below

    Regards,

    Ismael

    #120806

    Disregard. I just went into the actual css file “custom.css” via FTP and that fixed it :)

    #23694
    platinum850
    Participant

    I’m having this exact issue, but the solution is not working for me:

    https://kriesi.at/support/topic/removing-the-featured-image-from-top-of-a-single-blog-post

    I added the css code suggested into the quick css box under general in the Enfold admin area and that didn’t work. Should I add it elsewhere?

    Thanks

    #120627

    In reply to: Remove featured image

    Hi,

    You can hide via css. Add this on your custom.css

    .page .page-thumb {
    display: none;
    }

    Cheers,

    Ismael

    #120735

    Hi,

    Yeah, I can see it. Please do the following steps. I believe you have something like this on your editor

    <a href="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2.jpg"><img class="alignleft size-medium wp-image-316" alt="2" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2-300x195.jpg" width="300" height="195" /></a>

    Put a class selector on the anchor tag. Something like this

    <a class="leftalign-moz-fix" href="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2.jpg"><img class="alignleft size-medium wp-image-316" alt="2" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2-300x195.jpg" width="300" height="195" /></a>

    Now add this on your custom.css

    .leftalign-moz-fix {
    float: left !important;
    }

    I will tag Kriesi.

    Cheers,

    Ismael

    #120738

    Hi,

    Open css > base.css and find this line of codes

    .image-overlay{position: absolute; background: #fff; z-index: 500;}
    .image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0;}
    .image-overlay .image-overlay-inside::before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;}
    .image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
    .image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
    .image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}
    #top .hide-inner-overlay .image-overlay-inside{display: none;}

    You can change the fontello symbols on these lines.

    .image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
    .image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}

    Something like this

    .image-overlay.overlay-type-extern .image-overlay-inside::before{content:"E714";}
    .image-overlay.overlay-type-video .image-overlay-inside::before{content:"E714";}

    Please refer to this link for more entypo fontello symbols.

    http://www.entypo.com/characters/

    Cheers,

    Ismael

    #23687
    candeos
    Participant

    Hello

    Just had a quick question, I wanted to put links to my social media in a sidebar widget. I see that there is a widget for twitter and rss. I did use the icon list to create one for a contact page and add Facebook, Linked In and YouTube.

    How can I recreate this to place the same list of icons in a widget. I was going to recreate it in a text box, using threads i saw in other themes, but could not find the images for the facebook etc in the icon list on my server.

    Thanks in advance for your help.

    Dave

    #120546

    Hi,

    Are you talking about the Layer Slider here or something else. Please be specific. If you have a url on the demo website showing what you mean, it would make things easier. If you have a live site with a url showing an example, that would be even better.

    Thanks,

    Nick

    #23645

    Topic: Remove featured image

    in forum Enfold
    Ivano90
    Participant

    Hi, when i add a featured image for a normal page it show it when published. I only want to add so when someone tags the page on facebook it shows a image.

    So how to add a featured image without is showing on a normal page?

    Thanks

    #120734

    I checked all other solutions on the forum, the problem in firefox (mac) stays. Safari and Chrom are okay.

    #119284

    In reply to: Header space

    Hi,

    I understand what you require, and I show you how to achieve it. This is how I see your page http://www.clipular.com/c?6405183=RyPvLLA_LFhgklHd2uWFKoL_mOg&f=.png

    There is no logo, and the page is enlarged as if you are using the code I gave you before for a larger image.

    You have a weird css file attached that may be the problem since its not really a css file but something encrypted

    http://texel.orangehotelwebsites.nl/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/.DS_Store/skin.css

    Pleaser remove it.

    Thanks,

    Nick

    Hi,

    Add this to the bottom of your CSS please

    #top .size-medium.aligncenter {
    margin: 0 auto;
    text-align: center;
    }
    #top .image-overlay .image-overlay-inside {
    height: 225px;
    width: 300px;
    }
    .size-medium img {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    }

    Thanks,

    Nick

    #23675

    Topic: shop image sizes

    in forum Enfold
    next_thomas
    Participant

    Hi,

    is there a way to force the products and categories thumbnails to get the same size? Ideally, they should be automatically stretched or shrinked to the correct height (or width?) so they are all well aligned in the products catalog.

    I tried the following code in the quick css

    #top.archive .thumbnail_container {

    min-height: 180px;

    max-height: 180px;

    }

    The images are well aligned, but it seems the images are cropped.

    Thanks,

    Thomas

    #23671
    andypeck
    Participant

    Hi there,

    I want to replace the mini curved arrow that appears during the rollover of the portfolio/blog images. The one within the round disc.

    Is it a font icon or graphic? either way, can you share with me how to swap it for my own graphic

    Cheers

    #23670
    Spiv
    Participant

    Hi,

    I discovered a nasty bug with something very common: when hovering over an image (left aligned) with link, the text jumps all the way to the bottom.

    Try it by simply inserting an image through the default WP texteditor and set it left aligned. Then save and hover over the image in the frontend. I have it everywhere. Has to do with the image hover effect.

    Please let me know if you have a quick fix.

    Thanks!

    Edit: this happens with all img alignments through the default editor. When hovering the image simply loses its alignment, which creates awkward jumps on pages.

    #120598

    In reply to: Background image

    Devin hi,

    Thanks for the answer, take a look at this page on the bottom,

    there are 2 background images with text positioned over them … when the window size changes it does not look good.

    if you have an idea how to solve this i will be more than happy to hear you.

    this is the page url (i have this problem in more than one place):

    http://www.glassesoff.com/the-science/

    thanks

    #120597

    In reply to: Background image

    Hi nimrodmadar,

    You can add your own background image from the themes Styles tab in the theme options.

    I don’t know what you mean by making it responsive however since the background image just sits behind the other content and doesn’t really need to adjust.

    Regards,

    Devin

    #120382

    Ok Devin now the avatar work fine, but if you try to mouseover in the icon INFO, what is beneath is moved down one or two pixels

    MindSpark
    Participant

    hello,

    I have added a custom widget are for a contact page, and inserted a text widget there so I can either a photo or video.

    after adding the html needed to display the desired image, i have the correct item within the sidebar area, but for some reason, the item is repeated in the main content area above the contact form.

    you can see it here: http://mindsparkconsulting.com/clients/fw/contact/

    can this be disabled?

    thanks,

    Neil Heird

    #120492

    Hi chris,

    You need to target that slideshow css class selector and then add the shadow as a background image. You’ll then need to add some padding to the whole thing and adjust the placement of the image.

    Then you’ll need to add new media queries to go along with the new css so that the image adjusts for the themes responsive design.

    Regards,

    Devin

    #119746

    Now the image of widget are so big that the description desapear. Check: http://diamondblackdever.com/blog/

    #120381

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #role-memberlist-4 .role-memberlist .username.photo {
    display: initial !important;
    }

    Its a quick fix that will force that widget to keep the initial value for the avatar photos and keep it from changing the layout.

    #120436

    The icons are not image files (its an icon font) so no there isn’t a way to easily replace them with your own.

    For the copyright, you can add this to the copyright field in the theme options after your own custom copyright text:

    [nolink]

    #23653
    DavyE
    Participant

    I would really need to have a workaround for the search icon not displaying in the main menu in IE8. Atm it’s like a “pause” icon instead of a magnifying glass. I still have lots of IE8 visitors and nearly everyone in my company is forced to use IE8 (for security measures or whatever) so this will definitely be a big issue.

    Is there a way to fall back to an image or something if IE8 is detected?

    This is very important for me!

    Thanks Nick, in his post he said his fix isn’t for my issue.

    In your link there is only 1 centered image and if I roll over it in Chrome, the content below jumps down a few pixels. For a better example, go here: http://polettofit.com/2013/what-is-a-beachbody-coach/

    Scroll down and you will see 4 centered images, 1 paragraph after the other. Those are the images I was referencing 2 posts ago.

    #23648

    Topic: Header Questions

    in forum Enfold
    dsgnerfw
    Participant

    Hi guys , just finished my new logo for http://www.blue2x.com. The static front page and other areas are not yet done but it’s going to be easy because of the nifty features of enfold.

    1.) I edited the header in the enfold theme options. And the links in the navigation are still colored blue green or color: #228080; I changed the primary color but it doesn’t work.

    Should i use quick css for this ?

    #top .header_color .sub_menu li ul a {

    color: #228080;

    } <<< changed the color but still it doesn’t work

    2.) I uploaded a custom background image for the header. What is the ideal dimensions for this ? I just want to use a gradient and to be repeated.

    Tried a 1 width 88 height gradient but it won’t show.

    3.) I want the arrow in the navigation to move up a bit like 10 to 20 pixels up, what’s the css code for this?

    Hi Thomas,

    Can we take a look at the page with the posts live? It is probably a nesting issue and IE8 is having an issue with max width or width but it will help to see it live and inspect the code.

    Regards,

    Devin

Viewing 30 results - 105,661 through 105,690 (of 106,284 total)