Forum Replies Created
-
AuthorPosts
-
Hi,
You have the below code in custom.css i think
@media only screen and (min-width: 768px) { #header_meta { position: fixed; top: 0; /* width: 40% !important; */ transform: translateX(50%); height: 35px !important; border-bottom: none !important; background-color: #055CC2 !important; padding: 0px !important; }}Change that to
@media only screen and (min-width: 768px) { #header_meta { position: fixed; top: 0; /* width: 40% !important; */ transform: translateX(50%); height: 35px !important; border-bottom: none !important; background-color: #055CC2 !important; padding: 0px !important; }}basically remove the width 40% so it will automatically take the width of the content and transform it by 50%.
Best regards,
VinayHi,
It appears you found a way to fix this? Please check the screenshot below it look good to me.
Let us know if you need any help.
Best regards,
VinayHi!
Glad we could help! To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Regards,
VinayHey!
If I understood correctly you need the highlighted area or the slider captions (S.M.A.R.T) to be moved away from the image which means it will also be off the screen correct?
In that case using transform css will give you the above results. it will move the highlighted area off the screen and away from the image… but for that we need to be able to inspect the element in question without being able to inspect the element in question we cannot provide you the code.
We will gladly help you with this please get back to us when you have a link to share with us so we can inspect the element in question and help you with the code.
Regards,
Vinay-
This reply was modified 9 years, 6 months ago by
Vinay.
July 28, 2016 at 3:44 am in reply to: After deleting a color section, the whole site layout is damaged #666027Hi,
I checked the issue again and this time I could see that the page was broke. Then I checked the backend setup it appears that the page was not updated correctly. I updated the page and tested it again by adding a colorsection and deleting it now everything works correctly.
Best regards,
Vinay-
This reply was modified 9 years, 6 months ago by
Vinay.
Hi!
Thank you for the clarification, please create the blank template in photoshop which is 220px width and 100px height the height need to remain the same but the width can be less than 220px and max width should be 220px. Scale down the logos wider than 220px and vertically center them and re-upload the images this should give you the look you are after :)
Let us know if you have any questions…
Best regards,
VinayHi,
In that case we have to indent the icons please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.page-id-38645 .avia-icon-pos-left { margin-right: 0; text-indent: -23px; }If you wish to do the same for the whole site please remove .page-id-38645 from the above code.
Best regards,
VinayHey markv5,
We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.
But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/
This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented. If that’s something you really need you can always try to hire a developer for the task :)
Best regards,
VinayHey markv5,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayHey Peter,
Please try using a plugin like contact form 7 and refer to this link http://contactform7.com/file-uploading-and-attachment/
Best regards,
VinayJuly 27, 2016 at 2:31 pm in reply to: After deleting a color section, the whole site layout is damaged #665761Hey LorbeerDesign,
Removing color section will should not cause the layout to break. It appears to be a caching issue on your end. The site looks good on my end please check the attached screenshot. You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.
https://www.getfilecloud.com/blog/wp-content/uploads/2015/03/Hardrefresh-chrome.png
Best regards,
VinayHey smoothbob,
It appears that the logos are not of the same height please see the screenshot. Once you edit the images to be of same height it will all line up correctly.
Best regards,
VinayHi,
Glad you found the issue please try using
.logo img { display:none!important }Let us know if that helps.
Best regards,
VinayHey ak-muc,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
The below css works for twitter and linkedin if you like to use other social icons please use the class name which you can get by right click on the icon and inspect it and change the color value.
.social_bookmarks li:hover a { background: none!important;} .social_bookmarks_twitter [data-av_icon]:hover::before{color:#55acee!important;} .social_bookmarks_linkedin [data-av_icon]:hover::before{color:#0077b5!important;}Best regards,
VinayHey collinssafety,
I’m glad to help you with this issue and i’m personally following it up. Let’s concentrate on one ticket multiple tickets will delay the response. we are closing this ticket as i have replied to your old ticket. Just send me the requested information there and i will help you out :)
Best regards,
VinayHi,
Would you mind posting us a link to the element in question so we can inspect it and a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
VinayJuly 27, 2016 at 9:20 am in reply to: Blog posts and archive page: I'd like to move the meta info below the title #665639Hey RealBasics,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayHey HeadStudiosWeb,
As i understand you like a pre-defined email address in the email field of the contact form no matter what email the user enters.
By doing this you can get the message but you cannot reach back to the people who write to you as their email address will show as (Email address hidden if logged out)
Try removing the email field from contact form and put a note in there saying please leave your contact info with your message or something let us know if that work’s out for you.
Best regards,
VinayJuly 27, 2016 at 8:56 am in reply to: Advanced Styling Main Menu Links Element not responding #665632Hi,
You may have to reset the theme settings by selecting a different pre-defined style in Enfold > General Styling please note this will remove old styles please take a backup of the theme options and go ahead and reset it. If that don’t work the last resort would be to replace the main theme files via FTP http://kriesi.at/documentation/enfold/install-enfold-over-ftp/ .
Best regards,
VinayHi,
please check the link in private content.
We set the gradient bg class to the color section and added the below css in Quick CSS
/* Gradient bg*/ .gradient-bg { background: url("http://usabilitygeek.com/wp-content/uploads/2013/07/free-fonts-for-commercial-personal-use.jpg") center center no-repeat; background-size: cover; } .gradient-bg:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height:100%; background-image: linear-gradient(to bottom right, #002f4b, #dc4225); opacity: .6; }Best regards,
VinayHi,
Glad it’s sorted for you, let us know if you have any questions in a new ticket.
Thank you for using Enfold.
Best regards,
VinayHey taratrask,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.header-scrolled { min-height:60px; } .header-scrolled .logo, .header-scrolled .logo img, .header-scrolled .logo a { min-height:60px; }Best regards,
VinayHi,
Glad you found the fix! To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
VinayHey MilitaryAffairs,
Thank you for reaching out to us. Please send us the path to the fonts uploaded in the live site and also let us know if the @font declaration is used in the child theme styles of the live site?
Best regards,
VinayHi,
Great, it works just the way you like it. Let us know if you have any questions in a new ticket.
Thank you for using Enfold.
Best regards,
VinayHi,
Yes that is expected behavior please edit the image and add more space on the edges so even if the image get’s cut off in the edge main focus will be on the center of the image.
Best regards,
VinayJuly 26, 2016 at 10:33 pm in reply to: Made progress setting up website. Have stumbled onto some issues and need help. #665515Hey BobCarey,
Thank you so much for the kind words. We are glad you reached out to us and I’m looking forward to help you with all the issues. However it is going get very confusing as we go along with all the issues in one ticket please open new ticket for different issues that way we can keep the focus on the main topic.
To answer your first question please check the captions option in the slider.
None of the screen shots are showing correctly please upload the mockups to imgur.com and share the link here and please open new tickets for different issues :)
Best regards,
VinayHey marcomila,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_top.html_header_sticky #header { top: 0px!important; }Best regards,
VinayHey Sadegh,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
Feel free to adjust the font size and color values to suit your design.#header .sub-menu { box-shadow: none!important; border:1px solid blue!important; } #header .sub-menu a { font-size: 18px; color: blue!important; }Best regards,
VinayHi,
Ok, please feel free to let us know if you have any questions :)
Thank you for using Enfold.
Best regards,
Vinay -
This reply was modified 9 years, 6 months ago by
-
AuthorPosts
