-
AuthorSearch Results
-
January 11, 2014 at 6:32 am #208345
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
January 11, 2014 at 6:26 am #208339In reply to: Problem with picture size
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,
IsmaelJanuary 11, 2014 at 6:23 am #208338In reply to: Retina Images with Easy Slider
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,
IsmaelJanuary 11, 2014 at 6:15 am #208334Thanks! That did it! :-)
January 11, 2014 at 6:13 am #208331In 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,
IsmaelJanuary 11, 2014 at 6:10 am #208330In reply to: Missing hover arrow on 1 entry in blog grid
Hi sbeauchesne!
The format of the image is .jpeg. Save it as .jpg then upload it again.
Regards,
IsmaelJanuary 11, 2014 at 5:51 am #208325Hi!
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,
IsmaelJanuary 11, 2014 at 4:30 am #208320Hi!
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.
January 11, 2014 at 4:21 am #208318In reply to: Enfold Feature Requests
+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.
January 11, 2014 at 3:49 am #208313In reply to: Move Post Title Above Preview Image
And also to center the preview image?
January 11, 2014 at 3:45 am #208311Topic: Move Post Title Above Preview Image
in forum Enfolddeyowulf
ParticipantJanuary 11, 2014 at 3:06 am #208291Hey!
@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,
IsmaelJanuary 11, 2014 at 2:40 am #208281In 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,
IsmaelJanuary 11, 2014 at 1:52 am #208280Hi 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,
JenJanuary 11, 2014 at 12:16 am #208272Hi 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?
January 11, 2014 at 12:01 am #208268Hi 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!
DevinJanuary 10, 2014 at 11:53 pm #208266This is the gist of what you would be done: http://premium.wpmudev.org/blog/customizing-your-wordpress-theme-using-firebug/
January 10, 2014 at 11:48 pm #208262Topic: remove image hover
in forum Enfoldconversations
ParticipantHello,
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
January 10, 2014 at 11:14 pm #208242Thanks everyone,
Is there any resource you can point me to where I can dig a bit deeper about achieving my goal?
Thanks
January 10, 2014 at 11:01 pm #208231Topic: WooCommerce single product page sidebars not showing up.
in forum Enfoldjcjones08
ParticipantHi, 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
and here is one of the widget sidebar settings 
Any help would be greatly appreciated.Thank you, Jen
-
This topic was modified 12 years, 3 months ago by
jcjones08.
January 10, 2014 at 10:50 pm #208225Hi!
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,
YigitJanuary 10, 2014 at 10:34 pm #208216In reply to: Link on images in Gallery Element
so do we except this in future update?
January 10, 2014 at 10:23 pm #208213In reply to: Ajax Portfolio Preview Image
That worked, thanks.
January 10, 2014 at 9:56 pm #208206Hi 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,
DevinJanuary 10, 2014 at 9:41 pm #208189This reply has been marked as private.January 10, 2014 at 9:37 pm #208188Hello,
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!
January 10, 2014 at 9:34 pm #208184Hey!
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,
DevinJanuary 10, 2014 at 8:56 pm #208159In reply to: Link on images in Gallery Element
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,
DevinJanuary 10, 2014 at 8:48 pm #208156Topic: Custom CSS Image Left
in forum Enfoldconbdesign
ParticipantI 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.
January 10, 2014 at 8:47 pm #208155Thanks 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.
-
This reply was modified 12 years, 3 months ago by
-
AuthorSearch Results
-
Search Results
-
Topic: remove image hover
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
Topic: Custom CSS Image Left
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!
