Forum Replies Created
-
AuthorPosts
-
Hey hstveilig!
Please use the “Header with Social icons and bottom navigation” then add this on your Quick CSS or custom.css:
.bottom_nav_header.social_header .logo { position: relative; left: 35%; } .bottom_nav_header.social_header .main_menu ul:first-child { position: relative; left: 20%; } #top #menu-item-search { float: left; }Best regards,
IsmaelHi MtnStreamGroup!
Can you please give us a link to the page with the image gallery? Only the title and the description should show, add this on Quick CSS:
.pp_details { display: none !important; }Regards,
IsmaelHey!
Can you please give us a link to the actual page with the comment section? Post the login details here as a private reply.
Best regards,
IsmaelHi Tommy!
You can add this on your custom.css or Quick CSS:
h2 { text-transform: capitalize !important; }Cheers!
IsmaelHi!
You can change the scroll to top arrow icons using this:
#scroll-top-link { font-size: 50px; }Cheers!
IsmaelHey aovivo!
Please do the following:
1.) Add this on your custom.css or Quick CSS:
.woocommerce-main-image.zoom { overflow: hidden; }2.) Change the product title using this:
.product_title.entry-title { font-size: 13px; }And the price font size with this:
#top .price span, #top del, #top ins { font-size: 17px; line-height: 24px; }3.) Change the button color with this:
.main_color .add_to_cart_button.button.product_type_simple { background-color: red; }4.) Increase the bottom margin of categories using this:
.product_meta { margin-bottom: 20px; }5.) Change the upsells or you may also like products using this:
#top .upsells.products h2 { font-size: 15px; color: red; }6.) It should be using the shop catalog image size which 450×450. Please regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
IsmaelHey xpoveda!
Do you have a minify plugin? Maybe, that is causing the issue. Please deactivate the plugin then reload the page.
Best regards,
IsmaelHi Ilko!
Add this on your custom.css or Quick CSS to remove the image link on single post view:
.big-preview.multi-big .image-overlay, { display: none !important; cursor: default; pointer-events: none; } .big-preview.multi-big { cursor: default; pointer-events: none; }Regards,
IsmaelHi!
Glad you figured it out. You can hide the LayerSlider for desktop using this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ }Inspect the layer slider’s id then add it inside the media query.
Cheers!
IsmaelHi bentkd!
You can use this on your custom.css or Quick CSS to change the size of the icon list icons:
.iconlist-char { font-size: 20px; }Cheers!
IsmaelHey jtree5757!
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_theme_support('avia_template_builder_custom_css');Edit any avia elements like the Special Heading then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome_heading”.
You can add something like this on your custom.css or Quick CSS:
.av-special-heading.awesome_heading { position: absolute; left: 0px; } @-webkit-keyframes heading-animation { 0% { left: -70px; opacity: 0; } 100% { left: 0; opacity: 1;} } @-moz-keyframes heading-animation { 0% { left: -70px; opacity: 0; } 100% { left: 0; opacity: 1;} } @-o-keyframes heading-animation { 0% { left: -70px; opacity: 0; } 100% { left: 0; opacity: 1;} } @keyframes heading-animation { 0% { left: -70px; opacity: 0; } 100% { left: 0; opacity: 1;} } .av-special-heading.awesome_heading { -webkit-animation: heading-animation 2s; -moz-animation: heading-animation 2s; -o-animation: heading-animation 2s; animation: heading-animation 2s; }Reload the page. :)
Cheers!
IsmaelJanuary 13, 2014 at 8:44 am in reply to: How can I change css styles of Headings Size and Color ? #208809Hi!
You can use this for the team member title:
.main_color .team-member-job-title { color: red; font-size: 20px; }Regards,
IsmaelHi webpress!
Insert a logo image with twice the size that you want then add this on Quick CSS:
.logo img { max-height: 116px !important; max-width: 231px !important; }Adjust the max-width and max-height.
Cheers!
IsmaelHi!
I added the css code we provided on Quick CSS then add the !important property.
Regards,
IsmaelHey!
Please switch to default twenty thirteen theme or any other themes then switch back to Enfold.
Regards,
IsmaelJanuary 11, 2014 at 7:05 am in reply to: Create Scrolling Custom Background Image for stretched layout #208352Hi!
No, that is not possible with boxed layout. You need a major css rewrite if you want to achieve that one. Please hire a freelance developer to help you.
Best regards,
IsmaelHey!
You added the code under mobile device media query. Please add it below this one on custom.css:
/* General Custom CSS */Regards,
IsmaelHey!
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,
IsmaelHi!
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,
IsmaelHey elbnetz!
Can you please elaborate? I think your post is incomplete. A screenshot of what you’re trying to accomplish will help.
Best regards,
IsmaelHi 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,
IsmaelHi sbeauchesne!
The format of the image is .jpeg. Save it as .jpg then upload it again.
Regards,
IsmaelHey Paul!
This is a server side error. Please contact your host. Could be intermittent, like if the server database goes down. May be worth trying at another time. Please post a link to the website with the latest Enfold version.
Best regards,
IsmaelHi!
The google analytics tracking code is present on your installation. Please wait for another 12 to 24 hours then visit the google analytics dashboard again. It should give you some stats by then.
Regards,
IsmaelJanuary 11, 2014 at 5:51 am in reply to: Create Scrolling Custom Background Image for stretched layout #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,
IsmaelHey erikkIsrael!
Can you please give us a link to the website with the slider? Please watch this video to learn more about the LayerSlider plugin: http://www.youtube.com/watch?v=ZY9SxVyugx4
Best regards,
IsmaelHey!
I’m not sure but I think it is cause by the plugin SEO Ultimate. Please try to deactivate the plugin, see if the issue still exist. If it does, try to edit config-templatebuilder > aviashortocdes > iconbox.php. Find this code on line 147:
$title = "<a href='$link' title='".esc_attr($title)."' $blank>$title</a>";Replace it with:
$title = "<a href='$link' $blank>$title</a>";Best regards,
IsmaelHey!
You can it at the very bottom of wp-config.php file:
define( 'WP_MEMORY_LIMIT', '128M' );Can you please post the login details here? We would like to check it.
Best regards,
IsmaelJanuary 11, 2014 at 3:11 am in reply to: using layer slider but having items appear without sliding!? : ) #208294 -
AuthorPosts
