Forum Replies Created
-
Posts
-
Hi Elliott,
I was trying to go away from the iframe/lightbox workaround and thinking more about an easier way to do this with Enfold itself and avoiding iframes at all costs.
Sometimes, the lightbox shows unwanted navigation arrows for example… would like to avoid all of this and just have a simple customizable popup to show contents to complement an image or a text section.
Thank you
Thank you Dake,
That seems a great solution for situations where there are two different pages.
On our system we have a single page with ?iframe links and galleries this will not work.
Is there a way to show / hide the arrows in specific color codes for example?Yigit,
That worked like a charm, thank you :)
However, this code also removed the arrows from all lightboxes on the website. Is there any way to keep them on galleries for example OR (better) to simply hide the arrows on lightboxes that are activated by the ?iframe link?
Hope one of this solution is possible.
Many thanks for your great help, as usual…
Hi Rikard,
The website is not in public at the moment and I don’t have permissions to create a username / password (required to see the website).
If you look to Enfold demo here: http://kriesi.at/themes/enfold/shortcodes/gallery/
The gallery is showing these arrows when you click on a picture: http://dns.d.pr/3TcI/3mFTtg2g – these are the arrows we would like to remove / hide.Thank you
Thank you Andy,
Please find the screenshot of the area: http://dns.d.pr/1dMPN/2K9j9aSQ
I added the following code to get the semi-transparent white background between the background image and the text:#home .post-entry { background-color: rgba(255,255,255,0.8); padding: 5px; }The padding is controlling the top / bottom but how to decrease the sides of this layer as the red arrows are pointing to?
Thank you
Hi,
I’m glad you kept this topic open.
I played around with the padding to decrease the background size but it just decreases the top / bottom of the box. How to decrease the side gaps as well?
Thank you
Hi Andy,
Thank you for your help.
I decided to add the code as suggested by Yigit and it works fine, by using the “.page-id-36 .post-entry” as I can not seem to have “#your-unique-id .post-entry” working properly.
I am also clarified about the RGB vs HEX colour codes and the opacity value.
I am going to try a few other changes and I will get back to you if I need any further help on this issue.
Many thanks.
Thank you Yigit, however I wasn’t able to add the latest code.
I added “homeID” as the unique ID under the section ID and then added the code in the Quick CSS area:
#homeID .post-entry { background-color: rgba(255,255,255,0.5); padding: 20px; }It didn’t work, and I suppose I am doing something wrong.
In addition to the above, can you please confirm if:
1) Can I use HEX colours such as FFFFFF instead of 255,255,255? It will save me a lot of time in some sections where we have specific colours
2) Instead of adding one code line for each post entry ID, is there a way I can just add the IDs on the same css code? For example:
#id1 #id2 #id3 .post-entry { ...Thank you once again.
Thank you Yigit :)
It worked, however, how can I add some transparency to the white background so we can see a bit of the image background?
In addition, I will need the white background in all pages. Is there a way to add this “css rule” into all pages? Or do I need to add them individually on each page-id?
Many thanks
Hi Yigit,
Please check the link below in private. All I need is to have a white background behind the text.
Thank you
Thank you Andy for your great help but I still need the large image fixed as the main background of the website. Then I need the “shadow” area for the contents in white with a small transparency. The content area will vary from page to page.
Can you please confirm if the code provided is exactly what I am looking for?
Many thanks.
Thank you Andy,
It worked with the following code:
.frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 5px !important; }I have also suggested the integration with Formidable. Contact form 7 (or any other contact form I used) has not the power of customisation that Formidable has. Their website for your reference is https://formidablepro.com/
Thank you for all help once again.
Dear Andy,
Thank you for the update. Point 2 has been solved. Point 1 is still the same. Each row should be slightly closer to each other, i.e. decrease the gap between the first row of fields to the second row, and so on. Like the arrows show: http://d.pr/i/1jRpS/2G80mxTU
Any quick CSS code to fix this is highly appreciated.
Regarding the 3rd party plugin problem it is a very difficult call to make because if I install this plugin with other WP themes (with less CSS) it all works fine. The plugin even has a CSS configuration editor and works fine in some other themes. With Enfold, it is a disgrace. There are rules that Enfold overrides and causes all these sort of problems. If I contact the plugin developers they tell me to contact the theme developers, if I contact you here I get a similar reply: it is a very difficult situation to get this sorted in a good way. Perhaps the solution could be Enfold being compatible with the plugin since both are very powerful and well known theme / plugin respectively?
So far I had zero problems with Kriesi’s team. You are all very competent and usually we get a fix for almost all the issues straight away.
Many thanks once again.
Hi Andy,
Yes, I was able to fix the error messages spacing by using the following code:
.frm_error { margin-top: -10px !important; }The only 2 remaining fixes now are as it follows: http://d.pr/i/12EFy/20OHMxwx
1) Decrease the spacing between the fields to about half of the actual size as mentioned by the yellow arrows
2) Decrease the gap between the description when they have multiple lines (also mentioned in the sshotMany thanks.
Hi Andy,
The sshot I sent earlier is totally wrong. The columns are not aligned, please check the red arrow, where the “price” field should be moved to the top: http://d.pr/i/1hJ7P/16nMgEr8 like the email / mobile are aligned here side by side: http://d.pr/i/1dBT1/5X7D279i
Either way, I was able to fix this using the tags “frm_first_half” and “frm_last_half” instead of the regular “frm_half” for all of them. So, the alignment is now fixed.
The only problem remaining is the spacing between the field and the field description and the error message. They should all be below each other, with a single space. It seems they have double spacing now. Please check my yellow marks here: http://d.pr/i/EWBL/2w0e3Zdg – they should be all moved slightly above to make the desired “single spacing” instead of the “double spacing” as it looks now.
Many thanks.
Hi Andy
I am sure I implemented the code and I just saw the changes now with your last code.
However, there are still problems with the two columns: http://d.pr/i/1jot8/1XkyVBdi and they are not properly aligned as the first / last name fields at the top.Just an update (this can help some other users with the same problem).
The issue was caused by the premium plugin “Premium SEO Pack – WordPress Plugin” and this was the developer’s instructions:
“Deactivate the SEO Friendly Images module. This module needs all images on the website to have the alt=”” html attribute. If they don’t it will cause some issues.”After doing so it is all working fine. Thanks again Rikard.
Just an update (this can help some other users with the same problem).
The issue was caused by the premium plugin “Premium SEO Pack – WordPress Plugin” and this was the developer’s instructions:
“Deactivate the SEO Friendly Images module. This module needs all images on the website to have the alt=”” html attribute. If they don’t it will cause some issues.”After doing so it is all working fine. Thanks again Rikard.
Hi Rikard,
I found the cause of this problem: “Premium SEO Pack – WordPress Plugin” is the plugin causing this issue. If I disable it, it goes all well.
I already contacted their support but… is this something you can fix here on Enfold or should be the plugin author to provide a fix?Thank you
Thank you @Yigit – that worked but some sections look terrible with this font in place (menus for example). I tried to override the menu font change but I believe that the code you sent me overrides any other changes made?
What is the solution to change the font to the body and some other sections as per my choice?
Spot on, totally missed that…
Thank you @guenni007 and @Yigit.Now, can you please confirm how do I assign this specific font to basically ALL sections of the website? Body, headers, etc? Is there a fast / easy way to make this font the default one?
