Viewing 30 results - 98,281 through 98,310 (of 106,480 total)
  • Author
    Search Results
  • One last question….

    Is there a way to make only the header and footer stretch completely across the page like it does in the stretch view?

    http://desertmiragemarketing.com/foxscabaret/

    Tenisha

    #208339

    Hey!

    Edit the page then look for the image code:

    <img class="alignnone wp-image-14" alt="web pages" src="http://www.untuto.be/font/uploads/2013/12/templates-300x286.jpg" width="243" height="231">

    Add a unique css selector like “awesome-image” for example, the code should look something like this:

    <img class="alignnone wp-image-14 awesome-image" alt="web pages" src="http://www.untuto.be/font/uploads/2013/12/templates-300x286.jpg" width="243" height="231">

    Add this Quick CSS:

    .awesome-image {
    width: 243px;
    height: 231px;
    }

    Best regards,
    Ismael

    #208338

    Hi!

    1.) Please try to open the PNG images on photoshop or any other image editor then save it again as PNG. Try to upload it again.

    Regards,
    Ismael

    Thanks! That did it! :-)

    #208331

    In reply to: Custom CSS Image Left

    Hi Connie!

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

    .alignleft {
    margin-right: 10px;
    margin-bottom:10px;
    }

    Assuming you insert an image using this code:

    <a href="LINK HERE" class="alignleft"><img src="IMAGE URL HERE"></a>

    Regards,
    Ismael

    #208330

    Hi sbeauchesne!

    The format of the image is .jpeg. Save it as .jpg then upload it again.

    Regards,
    Ismael

    Hi!

    Change the header background using this:

    .header_color .header_bg, .header_color .main_menu ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
    background-color: rgba(255,255,255,.5);
    color: #988D81;
    }
    
    .header_color .container_wrap_meta {
    background-color: rgba(255,255,255,.5);
    }

    Footer:

    .footer_color, .footer_color .site-background, .footer_color .first-quote, .footer_color .related_image_wrap, .footer_color .gravatar img .footer_color .hr_content, .footer_color .news-thumb, .footer_color .post-format-icon, .footer_color .ajax_controlls a, .footer_color .tweet-text.avatar_no, .footer_color .big-preview, .footer_color .toggler, .footer_color .toggler.activeTitle:hover, .footer_color #js_sort_items, .footer_color.inner-entry, .footer_color .grid-entry-title, .footer_color .related-format-icon, .grid-entry .footer_color .avia-arrow, .footer_color .avia-gallery-big, .footer_color .avia-gallery-big, .footer_color .avia-gallery img, .footer_color .grid-content {
    background-color: rgba(0,0,0,0.5);
    color: #7b7368;
    }

    Socket:

    .socket_color, .socket_color .site-background, .socket_color .first-quote, .socket_color .related_image_wrap, .socket_color .gravatar img .socket_color .hr_content, .socket_color .news-thumb, .socket_color .post-format-icon, .socket_color .ajax_controlls a, .socket_color .tweet-text.avatar_no, .socket_color .big-preview, .socket_color .toggler, .socket_color .toggler.activeTitle:hover, .socket_color #js_sort_items, .socket_color.inner-entry, .socket_color .grid-entry-title, .socket_color .related-format-icon, .grid-entry .socket_color .avia-arrow, .socket_color .avia-gallery-big, .socket_color .avia-gallery-big, .socket_color .avia-gallery img, .socket_color .grid-content {
    background-color: rgba(255,0,60,.2);
    color: #988f81;
    }

    Best regards,
    Ismael

    Hi!

    Thanks again! We are almost there! That code you provided changed everything but the header, footer and the sockets. It only changed the background of the main content.

    http://desertmiragemarketing.com/foxscabaret/

    Tenisha

    • This reply was modified 12 years, 3 months ago by azsupergirl.
    #208318

    +1 for Right Sidebar on woocom single product pages.(just like on the shop page)

    The current single product widget area is on left below product image.

    So on mobile particularly all menu or other items in that widget area will push all the main product description and info
    menu item
    menu item
    menu item
    menu item
    menu item …..

    misc. sidebar widgets…..

    down the screen= sub-par user experience.
    Thanks Team Enfold rocks!

    edit – I see this was also requested by Zerozendesign last week:

    The addition of a right sidebar option on a woocommerce page. For visitor usability, this seems like it would be a no brainer. The ability to add the shopping cart widget into the right sidebar so visitors could view their cart as they are shopping would be an ideal scenario.

    #208313

    And also to center the preview image?

    #208311
    deyowulf
    Participant

    Is it possible?

    http://www.jonnyfreesh.com/blog

    Thanks in Advance

    Hey!


    @azsupergirl
    : Remove the main div background first, using this:

    #main, .html_stretched #wrap_all {
    background-color: transparent;
    }

    Then use this for the alternate background color:

    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .big-preview, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content {
    background-color: rgba(255,255,255,.5);
    color: #7b7368;
    }

    And this for the main color background:

    .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .big-preview, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content {
    background-color: rgba(0,0,0,.5);
    color: #7c6853;
    }

    Change the rgba background color values. “.5” stands for transparency or opacity.

    Best regards,
    Ismael

    #208281

    In reply to: remove image hover

    Hey conversations!

    Add this on your custom.css or Quick CSS:

    .image-overlay.overlay-type-extern {
    display: none !important;
    }

    Best regards,
    Ismael

    #208280

    Hi Devin,
    Thank you for the quick response. I have gotten the side bar widgets to show up, but they are still only showing up on the left side within the single-product-main-image div underneath the product gallery. Is this where it should be or is something else going on. I would like it to show up on the right side if possible. Is this something that can be done within the css or the WooCommerce config.php.

    Thanks again for your help,
    Jen

    Hi Yigit,

    Thanks for your reply. I added that code to the Quick CSS in Enfold theme options under Styling tab and nothing changed. It didn’t make the background transparent. It still looks the same. http://desertmiragemarketing.com/foxscabaret/

    What else can I try?

    #208268

    Hi jcjones08!

    I’m not sure what the root of it is but somehow the sidebar is getting the hidden class added to it. I would first suggest re-downloading the theme from your account on themeforest and then uploading a fresh copy for your parent theme. Switch over to just the parent and make sure the sidebar is showing under the product images like it should and then switch back to the child theme.

    If at that point it gets hidden again then try removing all of your customizations and then re-add them in one by one.

    The theme doesn’t use template files for the woocommerce pages as it doesn’t really modify them except for some additional styling. So everything is done with filters and action hooks in the config-woocommerce>config.php file.

    Cheers!
    Devin

    #208262

    Topic: remove image hover

    in forum Enfold
    conversations
    Participant

    Hello,

    I have 3 images side by side on this page:
    http://socialmediamanagernetwork.com/join/

    notice when you hover the mouse of the image, it pushes the images to stack vertically and displays a circle with an arrow on top of the image. How do I remove this so there is no affects on the hover?

    Thank you

    Thanks everyone,

    Is there any resource you can point me to where I can dig a bit deeper about achieving my goal?

    Thanks

    #208231
    jcjones08
    Participant

    Hi, I’m working on an e-commerce site for a client so I’ve installed the WooCommerce plugin. I’ve added widgets to the “Single Product Pages” sidebar and selected “Single Product Pages” from the Sidebar Setting drop down on the Products post type but it the side bar does not show up. When I select another sidebar layout the default sidebar shows up below and on the left hand side. I am unable to fine the single product page template in the site files to see if this is something I can change on my own.
    The website is http://www.nashvillecotton.com/ to view it the password is dev. An example of the single portfolio page is http://www.nashvillecotton.com/product/cork-board-with-greek-letters/.

    Here is a screenshot of the product page Product Page Image and here is one of the widget sidebar settings widget sidebar setting screenshot
    Any help would be greatly appreciated.

    Thank you, Jen

    • This topic was modified 12 years, 3 months ago by jcjones08.

    Hi!

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

    #main, .footer_color, .alternate_color, .socket_color, #header_main,  { background-color: transparent; }

    Regards,
    Yigit

    #208216

    so do we except this in future update?

    #208213

    That worked, thanks.

    #208206

    Hi Glyphism!

    Not quite yet but better parallax support like that is coming in the next big feature release of the theme which Kriesi is working on *right now*. Literally just posted he was working on it to our internal discussion board.

    Regards,
    Devin

    #208189
    This reply has been marked as private.

    Hello,

    I am using the Enfold theme with the boxed style. I have a custom fixed background in the back and I would like the boxed part of the website to be transparent so you can see through to the background. An example of what I am trying to accomplish can be found here: http://scandalesque.com/. This is my website: http://desertmiragemarketing.com/foxscabaret/. Please help me. Been trying to figure this out for hours! :-)

    Thanks!

    Hey!

    No, not with the theme options. It might be doable with a good bit of custom css to pick out the areas using color backgrounds but it will end up needing a lot of clean up as well.

    The theme elements and layout was not designed to have no background so there are quite a few areas where the elements have background colors that match the overall background and fake a full width or transparent effect.

    Best regards,
    Devin

    #208159

    Hey!

    Unfortunately this is not something we can assist you in customizing into the theme. That kind of gallery doesn’t have the option available to it and it would need to be added in by a freelance developer or as a feature update to the theme with an update.

    Best regards,
    Devin

    #208156

    Topic: Custom CSS Image Left

    in forum Enfold
    conbdesign
    Participant

    I read your documentation but need more specific instructions to help me with adding a margin to all images with a class of alignleft.
    I would like to insure that the text will wrap with a 10px margin on the right and bottom. I would like to set it as a default so that other users do not have to fiddle with it when adding a post.

    Please explain exactly where I can make these changes and what I need to add. I tried to add Custom CSS to the custom.css file but don’t think this is correct. Is this what I need to add to it?
    /* General Custom CSS */
    add_theme_support(‘avia_template_builder_custom_css’);
    clb-alignleft
    #top .clb-alignleft {
    margin-right: 10px;
    margin-bottom:10px;
    }
    If this is correct, then will the styling be automatically applied when an image is uploaded and set as “left” when adding to a page or post?
    Thank you!

    • This topic was modified 12 years, 3 months ago by conbdesign.

    Thanks Ismael,

    Although that plug-in is very interesting, I’m not sure that’s what I’m going to need.

    Here’s the site http://dev2.israeliconference.net/

    You can see the main content background color is #fdf5d1. Instead of a color, I’d prefer it to be a scrolling background image, just like one you can include if you have a boxed layout rather than stretched one.

Viewing 30 results - 98,281 through 98,310 (of 106,480 total)