Forum Replies Created
-
AuthorPosts
-
Hey!
Yes, define the normal size for the max width and height. Please post the link to your website. What is the size of your logo?
Cheers!
IsmaelHi Vermishelle!
Please refer to this link on how to add social icons: https://kriesi.at/support/topic/adding-custom-social-icons/
Best regards,
IsmaelHi oliviad!
Maybe, he’s doing something that alters the style or content of the page. Can you please post a screenshot of the issue? The page looks fine on my end.
Best regards,
IsmaelHey webpress!
You can adjust the position of the logo using this on Quick CSS:
.logo.bg-logo { top: 20px; }
Adjust the top value if necessary.
Cheers!
IsmaelHi Dogmut!
After you added the images on the fullscreen slider, click on the images again then insert a caption title and description. You can also add a button.
Regards,
IsmaelHey keneastwood!
You can reduce the padding above the footer using this on Quick CSS:
.avia-section-large .content, .avia-section-large .sidebar { padding-top: 70px; padding-bottom: 10px; }
The page http://cravensafetyservices.co.uk/health-and-safety-support-packages/ gives me a 404 error.
Regards,
IsmaelHi MtnStreamGroup!
Can you please give us a link to the page? I tested this on my end and the alt tag doesn’t show up when I didn’t place anything on the Image Caption field.
Regards,
IsmaelHey!
I’m trying to find a solution here and I’m so glad Dude provided one. Dude’s code works on my end. Please replace this line with the exact Blog title that you have:
$search = 'SEO Tools to Equip Your Business – Blog';
I have a page named “Blog” then I replace the breadcrumb trail to “Awesome Blog”. This is the result:
Best regards,
IsmaelHey 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,
Ismael -
AuthorPosts