Hi.
I notice that when page elements are set up within a colorbox set to 100% of screen height – that those elements are set to float in the center of the colorbox. I would like to have the option to change the default position of these elements from being centered to alignment at the top of the colorbox.
In this case, I am using a combination of textboxes, horizontal lines, the built in headings rotator and columnns – all implemented using the Enfold advanced page layout builder.
Is there an easy way to do this by assigning a custom class to the colorbox in question, or is it more complicated than that
my page URL is: http://mindsparkconsulting.com/web-design-in-tampa/
thanks in advance for your help!
Thank you very much Vinay, great and reactive support !
for points 2 et 3, just to be sure as i’am novice with php :
– the file to paste the codes you gave me is this one : wp-content / theme / enfold / functions.php ? ( and not functions-enfold.php )
– can i paste these code anywere in the file ?
thanks again
stan
ps: for point 4, i have tried to paste it in quick css in enfold advance styling css but it doesn’t change, ok i open a new topic for this point
How can I have 2 widgets run parallel in the header of a website? I would like to run a date widget and to the right, a weather widget.
I added this code to the function.php file:
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
In also added this code in the custom CSS area:
#header .widget {
left: 69%;
padding-top: 15;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
Can this request be done?
Thanks,
kfranck
-
This topic was modified 10 years, 3 months ago by
kfranck. Reason: Wrong access link to login
Hi Yigit,
We de-activated all the pluggins we use.
Cleared the cache and test again.
The issue is still present
We noticed that it only happens when the browser window size is small (for example on a laptop).
-
This reply was modified 10 years, 3 months ago by
tom9275.
Hi!
I already gave you the code for it here. Play around with different values for left, top or/and add some right, bottom value into it, until it fits your need.
Best regards,
Andy
Hello Enfold support Team,
I would like to switch from avia breadcrumbs to Yoast Breadcrumbs to use the LD/JSON Markup.
I’ve found this post : https://kriesi.at/support/topic/add-yoast-breadcrumbs-in-the-same-spot-of-the-enfold-breadcrumbs/#post-243686
That works ok, but i would like to keep my parent Enfold theme without any modifications because of the multiple updates of the theme.
So i tried to copy all the code block under” //advanced title + breadcrumb function” (functions-enfold.php) and to paste it in my child theme “functions.php”. To my great surprise, it worked (i remember having enquing problems when duplicating functions like that).
What i want to know is : Is it safe” ? Is there a better /smarter way to do this”
Thanks for your kind help.
Hey bonanno!
ich denke das wird nicht so einfach. Schaue dir dazu diesen Thread mit dem selben Problem an: https://kriesi.at/support/topic/image-caption-show-in-lightbox/#post-457163
Gruß,
Andy
Hey!
1.) Use this code to hide this second logo on desktop only:
@media screen and (min-width: 1200px) {
.container.av-logo-container {
display: none;
}}
You can adjust min-width value, which stands for screen size.
2.) I checked it on Chrome emulator for Samsung Galaxy S3 and on my own htc one s mobil phone and on both it looks like this for me:
View post on imgur.com
Please clear browser cache and check on another device as well.
Best regards,
Andy
I wonder whether you can help me. I am trying to eliminate a white line that comes at the top of the homepage on http://www.psweb-design.com. This seems to only show on tablet resolution.
Can you please help me is this a bug?
Many Thanks
Pete
Hi Yigit,
thanks for the advise, but it’s not what we’re looking for..
what I meant was a MEMBER LOGIN BUTTON for specific user to access specific pages in our website.
for example, you could see the option for members to log in and view specific page on top right. It’s indicated as REWARDS MEMBER LOG IN
http://www.ritzcarlton.com/en/Properties/Singapore/Default.htm?utm_campaign=TBPSSEAEGPB119&src=ps&pId=rztbppc
Pls advise if there’s a way to do this, or if there’s any plug in we can use.
Thanks.
I have trouble with my Layer Slider. It is not showing 100% fullscreen on large screens. I see it fullscreen only on 13″ and 15″ laptop screens but not on 23″ or 27″ screens. It should stretch the background image to full screen, but it doesn’t. You can check this out here: http://www.oot-oot.com/en/
All my settings appear to be correct:
1. Slider settings, Slider Width = 100%
2. Slider settings, Slider Height = 600px
3. Responsive mode enabled
4. Fullwidth mode enabled
5. Slider background image layer is Width = 100%
6. The image size 2400 x 1100 pixels
I have no idea, why it’s not stretching my image 100%, still showing some white space in the edges when I look at it on wide screens.
-
This topic was modified 10 years, 3 months ago by
masuurikas.
When I view my website on my mobile all of the product thumbnails are very low quality and blurry. I’ve seen this issue covered numerous times so I’ve tried all currently available suggestions on how to fix it.
– All thumbnails are set to 450×450
– thumbnails are regenerated
– I’m on the latest version of Enfold
– I’ve added the following code as suggested on another thread:
@media only screen and (max-width: 767px) {
#top .thumbnail_container img {
width: 99%;
}}
– I’ve cleared cache and history and hard refreshed numerous times.
The website link is http://vapevine.com.au
Hey!
We are working on your ticket please stick around we will update the result here soon.
The only change that was made to your site was in Enfold Options > General Styling > Quick CSS it is non-destructive way to make changes to your site and which can be easily reverted back by removing the CSS code. It is the only way we could help you faster.
I do not see that code now however please add the below code in quick css again so the links will scroll to proper position in firefox.
@-moz-document url-prefix() {
#l_webdesign, #l_cms, #l_shops, #l_grafik, #l_consult{
padding-top: 130px;
}
}
Cheers!
Vinay
-
This reply was modified 10 years, 3 months ago by
Vinay.
Sorry, I have to come back: Now on iPad the top menu ist not visible in landscape mode , although there is space enough – only the hamburger button….
Could you pls check – that would be great, thx !
How can i position the search field under the icon (as in the desktop) and not on the top of the logo?
Hey!
Glad we were able to help you :)
Yes we would love to see what you have done with enfold. Please feel free to showcase your site here https://kriesi.at/support/topic/enfold-showcase/
Should you have any questions in future please get in touch with us :)
Best regards,
Vinay
I’ve used “color sections” to create hero images on a couple of pages. But thinking there might be a better way.
Here’s an example of a color section looking how I like http://imgur.com/BzVxmdi
But on mobile the images are chopped off and don’t make sense because you just see the top left portion of image
Here’s how it looks http://imgur.com/8H3A3ym
(note: I currently have whitespace seperator of 400px inserted into color section to make it look ok on dektop but that’s obviously too much for mobile but I don’t see how to make height respond)
And here’s a mock up of how I’d like it to look on mobile http://imgur.com/IRGhkXp
How can I use color sections to make hero images look great on all screens?
Hi Mette Juul,
It is but the text is light, try this in Quick CSS:
#top #s {
color: black !important;
}
Thanks,
Rikard
Hi Tom,
Ok, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hey!
Please add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
.av-catalogue-item-inner {
clear: both;
}
#top .av-catalogue-image {
width: 187px !important;
position: relative;
margin-bottom: 20px;
display: block;
float: none;
}
}
Best regards,
Ismael
Cool Thanks that worked. How do I get the font on those buttons to be all uppercase and match the font as in the button on the top slider?
Hi Yigit,
I won’t be able to supply FTP login details, but I’d be more than happy to let you take a look at the backend of WP.
You can see an example of the commas here: http://www.summermatters.net/blast-off-2016-summer-matters-leadership-conference/
However, I realize now that this effort may be in vain as I noticed that Tags do not show up in post created with the Avia builder. I created a separate topic about that here: https://kriesi.at/support/topic/show-tags-of-post/
Hi!
Please add following code to Quick CSS in Enfold theme options under Genral Styling tab
#top .av-submenu-container {
position: relative;
}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS
.avia-data-table-wrap:after {
content: 'Made in ITALY';
background: transparent;
float: right;
font-size: 20px;
margin-top: 10px;
color: black;
}
Cheers!
Yigit
Hey!
Are you using Footer menu? If not, please go to Appearance > Menus and add a new custom link with “#” as URL and enter your text as navigation label and then check “Enfold footer menu” under Menu settings. Then click “Screen options” on the top right corner and check “CSS classes” and then give your footer menu (custom text) a custom class (‘your-custom-class’ for example) then please add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { pointer-events: none !important; }
Best regards,
Yigit
Hi!
Please use the query.php patch provided in the wp thread above then override the canonical.php file with a fresh copy. After that, modify the config-templatebuilder > aviashortcodes > postslider.php file. Refer to this link: https://kriesi.at/support/topic/pagination-not-working-after-wordpress-4-4-1-and-enfold-3-4-7/#post-565212
Cheers!
Ismael