Viewing 30 results - 104,761 through 104,790 (of 106,383 total)
  • Author
    Search Results
  • No I didn’t receive anything. Make sure to include a link to this topic in the body of the message or my spam filter grabs it and I can’t see it.

    Hi Devin, just wanted to make sure you got my email on the section padding on mobile / responsive layout. I got the images flush to bottom on desktop devices but the mobile side adds about 30px extra padding on bottom of each section which forces images up. Could you let me know what code to edit to remove the additional padding that is added to sections on mobile devices?

    Thanks much,

    Chris

    #126098

    I tried to create my own progress bars by customizing this tutorial: http://www.red-team-design.com/stylish-css3-progress-bars

    using this in my custom.css:

    .progress-bar {

    background-color: #fcfcfc;

    height: 25px;

    padding: 1px;

    width: 100%;

    margin: 5px 0;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-box-shadow: 0 1px 5px #e1e1e1 inset, 0 1px 0 #f4f4f4;

    -webkit-box-shadow: 0 1px 5px #e1e1e1 inset, 0 1px 0 #f4f4f4;

    box-shadow: 0 1px 5px #e1e1e1 inset, 0 1px 0 #f4f4f4;

    }

    .progress-bar span {

    display: inline-block;

    height: 100%;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

    -webkit-transition: width .4s ease-in-out;

    -moz-transition: width .4s ease-in-out;

    -ms-transition: width .4s ease-in-out;

    -o-transition: width .4s ease-in-out;

    transition: width .4s ease-in-out;

    }

    .blue span {

    background-color: #00b6f1;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#00b6f1), to(#058ff2));

    background-image: -webkit-linear-gradient(top, #00b6f1, #058ff2);

    background-image: -moz-linear-gradient(top, #00b6f1, #058ff2);

    background-image: -ms-linear-gradient(top, #00b6f1, #058ff2);

    background-image: -o-linear-gradient(top, #00b6f1, #058ff2);

    background-image: linear-gradient(top, #00b6f1, #058ff2);

    }

    .orange span {

    background-color: #fecf23;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));

    background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);

    background-image: -moz-linear-gradient(top, #fecf23, #fd9215);

    background-image: -ms-linear-gradient(top, #fecf23, #fd9215);

    background-image: -o-linear-gradient(top, #fecf23, #fd9215);

    background-image: linear-gradient(top, #fecf23, #fd9215);

    }

    .green span {

    background-color: #a5df41;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));

    background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);

    background-image: -moz-linear-gradient(top, #a5df41, #4ca916);

    background-image: -ms-linear-gradient(top, #a5df41, #4ca916);

    background-image: -o-linear-gradient(top, #a5df41, #4ca916);

    background-image: linear-gradient(top, #a5df41, #4ca916);

    }

    and this, to call a bar inside e.g. a text-element:

    <div class="progress-bar blue">

    <span style="width: 40%"></span>

    </div>

    <div class="progress-bar green">

    <span style="width: 60%"></span>

    </div>

    <div class="progress-bar orange">

    <span style="width: 80%"></span>

    </div>

    Works great on any device tested so far. Also I would suggest to create a Shotcode for the skill-bars, since the code got changed everytime I tried to re-adjust it inside my textbox, so I had to type it in again to work.

    DEMO: http://roberthunecke.com/redesign/skillbars_test/

    #25726

    Topic: Have some questions.

    in forum Enfold
    blingcart
    Participant

    1. How do I assign a background image that is secure https://?

    When I assign a background image using the admin area it will not be a secure background. I need this for a secure checkout process.

    2. How do I add custom html content to my homepage?

    #25722
    janeyj
    Participant

    I’m sure it’s just a line of code to drop somewhere…could you please tell me how to disable to image overlay from showing up on linked slides in the full width easy slider (NOT layer slider)? I’d like to keep it on the other linked images on site, just not the slides.

    #125859

    Hi,

    I am using v. 1.71 of the theme and everything works just fine.

    Here is a 2min video of 4 blogs types on the same page working with excerpts, more links, images, correct individual pages, etc.

    https://docs.google.com/file/d/0B8hqGBMSfHtKdG9TekJjSktxZFU/edit

    Thanks,

    Nick

    #127863

    Hi Shaz,

    WooCommerce puts the sidebar on single product pages under the product image. Enfold tries to keep modification to WooCommerce as minimal as possible so that there is maximum support for WooCommerce extensions.

    You would need to modify the single product template either through filters and hooks or by redoing the single product template http://docs.woothemes.com/document/template-structure/ . The template method would be a bit tough as you’d need to re-do the theme integration/responsive tweaks as far as I know.

    Regards,

    Devin

    #127729

    Hi,

    Please switch your Avia Builder to debug mode. Open functions.php, find this code

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code

    //set builder mode to debug
    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug()
    {
    return "debug";
    }

    This will render the actual shortcode below the Advance Layout Editor.

    Regards,

    Ismael

    #123191

    Hello,

    That worked for me thanks for the detailed explanation. But now I realised a different issue. Please check to images that I have sent. When I clik brode link the parent link ürünler is not selected. But when I click örgü kumaşlar link the parent link ürünler is selected. And this is happening only in brode link. Why is that?

    You will understand what am I trying to say by looking the images.

    https://dl.dropboxusercontent.com/u/4302461/Screen-Shot-1.jpg

    https://dl.dropboxusercontent.com/u/4302461/Screen-Shot-2.jpg

    Thanks

    #127894

    Hi,

    You can add something like this on your custom.css or Quick CSS

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .avia_transform .avia_start_animation.bottom-to-top.avia_image {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    }

    }

    Regards,

    Ismael

    #25701
    Jason
    Participant

    I created a thread the other day at but it was closed for replies before I could implement the suggestions. I had a few issues (1-4), and also have a few more questions (5-)… hope you can help.

    1. The more tag does not work in the home page news slider :( The avia slider seems to be cutting the text off on it’s own accord. Any tips appreciated!

    2. Had to use

    #top .avia-post-nav {

    display: none;

    }

    but that worked a treat, thanks. It’d be nice for page optimisation to prevent it from being generated, though…

    3. I added the new twitter code, but im getting padding at the top of it and lots of padding at the bottom. Any ideas how to pack this up?

    4. OK – may be the same issue above.

    5. New question. I have a problem with the single blog post with sidebar. If I enable the sidebar, I get a nice single post view with a left aligned image and text to the right. The problem is, the sidebar, even though configured for left, shows up on a product page in the woocommerce store. I don’t want a sidebar anywhere really, but if I disable it the single blog post view gives a centered image with text underneath that I don’t like the look of. Any ideas?

    6. New question. Is there a way to set the height of rows in each column of the multi-column table so they are all the same?

    7. New question. What’s the easiest way to get a set of social icons in the footer?

    8. New question. With a browser width of ~1024px, the action icon links on the Team Member elements at wrap around rather than pop underneath (this happens if you shrink the browser a little further). Any ideas?

    Cheers,

    Jason

    #25700
    DavyE
    Participant

    I’ve noticed that animated images (fade in from bottom to top etc.) work on my iPad 2, but they only fade in when my scrolling has stopped completely. This means they don’t appear when I keep scrolling, no matter how slow I scroll, so I don’t see any images at all then.

    To make sure people do see the images, even when slightly scrolling through the page, I would think it’s best to disable the animation just for mobile devices. Any ideas please?

    Sure you can! 2 versions, both with exact same content, just different ordering of the items. Version 1 has the fullscreen slider below the video, version 2 has the slider above the video. As you can see, the problem only appears when it’s below the video. And it doesn’t matter how much other content there is between the video and the slider, as soon as there is a video anywhere before the slider, it’s messed up.

    I’ve centered both the image and text in the slider so you get an idea of how wrong it is.

    Link with the problem:

    http://goo.gl/NVWBR

    Link without the problem:

    http://goo.gl/SVve1

    #127636

    Hi,

    0) Please go to Appearance > Menus and add a custom link to menu like this http://www.clipular.com/c?9504468=LBmstk3Eey1iSd5EddNdIre5riU&f=.png Use the pound symbol for a link

    1) Like what? I don’t see any carousell on that page, I just see a static image. But lets assume its moving. Ok Use a Media Element – Easy Slider. It would create a slider that size or smaller or bigger depending on what size images you plug inside.

    2a Please install the Enhanced Text Plugin ( http://wordpress.org/plugins/enhanced-text-widget/ )

    2b Go to Appearance > Widgets. Create a custom sidebar/widget area (bottom right) and call it my-map. Add the enhanced text widget to the my-map widget area. set the enhanced text widget to not show title or display before/after ( http://www.clipular.com/c?9504475=WhayXQxWWKB-_JcrsAPHQY8hqJU&f=.png ) . Add your custom map code to the widget as shown in image. Save.

    2c. Create a page. add two 1/2 column elements. (lets say you want map in right column). To right 1/2 column please add element widget area. Select the my-menu sidebar from drop down menu in the widget element (please see image) ( http://www.clipular.com/c?8873393=upF_CLONiHXNYCubRFw0Lt1-tpE&f=.png )

    3.This one seems to be well updated, have a high user base for a community to mutually support one another, and is well rated for such a large number of downloads http://wordpress.org/plugins/newsletter/

    Thanks,

    Nick

    #127728

    Anyone? Please help!!

    #127835

    Yes I want the author image to show on the author page.

    I do not want the author image to show on the blog posts.

    I want the blog posts to look exactly like a one author page.

    So to accomplish this I do the following?:

    1. Go to Enfold > General Settings > Blog Style > Select “Multi Author”

    2. Add this code to the end of custom.css

    .rounded-container > img {
    display: none;
    }

    Correct?

    #127834

    Hi,

    I’m sorry, I don’t understand.

    What Blog Style do you have?

    What do you mean by “Image next to post”? The author image? or the featured image?

    You can remove the author image with CSS

    .rounded-container > img {
    display: none;
    }

    Regards,

    Ismael

    #25666
    rsonrier
    Participant

    Hey!

    I’m facing troubles to make a custom html element (Lightbox) reponsive in layer slider !

    Here’s my code:

    <a><img src="wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg" alt="Qualistream Video" /></a>

    The image’s size is 640x370px

    Any tips about how making this responsive ?

    rsonrier

    #127300

    Dude,

    I think I understand. Please tell me if I am correct for my Apple logo and link:

    1. On Enfold > Header > Add the Tumblr social icon for example. Place my Apple link.

    2. Add this to the very end of custom.css

    #top .social_bookmarks_tumblr {
    background: url(../images/apple.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr:hover a {
    color:#fff;
    background: url(../images/apple-hover.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr a {
    text-indent: -9999px;
    }

    3. In header.php replace:

    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');

    with

    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '<a href="http://apple.com/example" class="apple" target="_blank"><img src="http://mywebsite.com/apple.png" title="Apple" alt="Apple" /></a>');

    Are these the full directions? Don’t I need 2 icons? One for hover and one regular? Wouldn’t that change the second part of the code in the header.php? I notice the color hex in the header.php is specified #fff. I want the background to be black on hover.

    Thank you,

    Jasmer

    #127726

    Thank you for the reply!!

    I am on version 1.7. When I switch to the normal text editor mode from the advanced layout editor I get a blank block.

    #127833

    Ismael,

    I appreciate your time I really do, but I specified above (see here #2) that I did not want the image to appear next to posts. I want it ONLY to appear on the Author Profile Page. Is this possible?

    “2. Image next to post. HOWEVER I do not want this here all the time. I may choose not to. I’d like to be able to achieve number 1 above without having to necessarily add an image next to the post.”

    Thank you again for all your help. It is much appreciated, Jasmer

    #127725

    Hi,

    You can upgrade to Enfold 1.7. You will be able to switch from Advance Layout Editor to the default editor without losing the shortcodes.

    You can use the Text Block element to manually add the code for your images.

    <a href="SITE URL" target="_blank"><img src="IMG URL"></a>

    Regards,

    Ismael

    #127299

    1) If you want to add an image icon I’d suggest to use the “append” parameter of the social media icons function – it helps you to append any html code (including image links) to the social icons element: https://kriesi.at/support/topic/how-do-i-add-a-you-tube-icon-to-social-icons-in-the-header

    2) I think the icon size is not important. I’d recommend to use 32px x 32px or 64px x 64px icons. Then you can use css code to scale it down if necessary.

    #127843

    Hi,

    Use the img tag instead then link it on the youtube video.

    <a href="YOUTUBE VIDEO URL"><img src="IMAGE URL"></a>

    Regards,

    Ismael

    #126784

    Hi,

    I visit the link: http://www.thechristiandollar.com/charting-life/

    It is not on Grid Format, so we can rule out that this is not a Blog Grid Format issue.

    Please attach a featured image using Set Featured Image. Also, try to regenerate the thumbnails.

    http://wordpress.org/plugins/regenerate-thumbnails/

    Regards,

    Ismael

    #127837

    Hi,

    The only option for the blog preview image is the Set Featured Media. You can choose not to show the featured post on single preview with this CSS.

    .single .big-preview.single-big {
    display: none;
    }

    Then add the main post image via “Add Media” on the post editor.

    Regards,

    Ismael

    #127832

    Hi,

    Go to Enfold > General Settings > Blog Style > Select “Multi Author”. It will show the author profile image from gravatar and the featured image above.

    You can go here http://en.gravatar.com/ to set the profle image for a specific email.

    Regards,

    Ismael

    #127724

    Bump!

    #25690
    sharonleaney
    Participant

    Hi My home shop page shows correct sidebar but when single product selected the page opens with no sidebar and default sidebar sitting on the left under product image and information. I have placed different widgets into both single page and product overview widget areas and this does not change the situation when you select to view single product. Any suggestions? to view my website go to http://www.teamrfa.com.au

    Cheers

    Shaz

    #127399

    Oh ok, they needed tags! Thank you so much! I’m using Firefox and I still see videos overlapping.. But it’s not a big problem, thanks so much again!

Viewing 30 results - 104,761 through 104,790 (of 106,383 total)