Forum Replies Created
-
AuthorPosts
-
November 23, 2018 at 12:47 pm in reply to: masonry grid image overlay when text and excerpt are below the image #1036938
Hi Victoria,
Sorry for the delay, but needed to get everything else working to be able to show you the issue.
So, what i am trying to achieve is to add a gradient overlay on top of the portrait image (top right post). These portrait images that will require an overlay (due to the use of white text) are a separate post type (named ‘pdf posts’). I am thinking the best approach would be to assign this post type the masonry option of ‘display the title as a centered overlay’, however the other post types need to keep the ‘display title below’ option that is currently assigned to the masonry grid.
Hopefully that makes sense? login attached privately if that’s any help?
- This reply was modified 6 years ago by Birdster.
Hi,
Just wandering if this issue ever got sorted? Just that i am having the same issue, that the Yigit’s code is returning the current page’s author for all masonry items, instead of getting the author of each blog post.
Any help would be greatly appreciated.
September 14, 2018 at 11:04 am in reply to: Need help: Enfold columns – making them responsive (flex_column av_one_fifth) #1009861Working perfectly, Thanks Victoria.
Perfect, thanks Ismael.
Ismael,
Is there any way you could re-post your previous code, so that the authors name links to their url in their users website field instead of the actual author url?I was hoping this would work: $author_link = get_user_url( $user );
but clearly i’ve missed something….September 13, 2018 at 12:33 pm in reply to: Need help: Enfold columns – making them responsive (flex_column av_one_fifth) #1009356Just wandering if AVwebmaster ever got the code to only be applied to a specific page?
Just that Rikard’s last post didn’t work for me, and i can’t find the correct way to make this code specific to a page or a colour section container.
Any help would be greatly appreciated.
September 5, 2018 at 3:53 pm in reply to: reference a custom class within another custom class #1006187All seems to be working fine, although I’m not actually sure what i’ve done differently compared to when I first tried it and started this thread!
It may be because the old section ID’s contained underscores, as their naming seems to be quite sensitive. Also, i’m finding that where I place the code within my quick css, relative to other code ive added, seems to make the difference between it working or not!
Either-way, i’ve got it working – so thank you Mike for going through everything and confirming that what I wanted was in fact correct. Apologies for creating such confusion over nothing!
September 5, 2018 at 1:30 pm in reply to: reference a custom class within another custom class #1006118Thanks again Mike,
I will re-write the code using section ID’s – as there shouldn’t be any duplicates on the same page.
I will let you know if i have any problems…September 5, 2018 at 12:25 pm in reply to: reference a custom class within another custom class #1006073Excellent, i will re-write the code and let you know if i have any problems….
Another question i had was; should it work if I was to use a section id instead of a custom class?
eg:
#coloursectionid01 .imageclass {margin-left: -145px !important;} #coloursectionid02 .imageclass {margin-left: 15px !important;} #coloursectionid03 .imageclass {margin-right: 100px !important;}
Thanks,
September 5, 2018 at 10:37 am in reply to: reference a custom class within another custom class #1005976Thanks Mike, I really appreciate the extra time taken to look through the site. However, before I re-write the code to how i would like it, could you confirm whether targeting a custom class through it’s parents custom class is even possible? eg:
.coloursectionclass01.imageclass {margin-left: -145px !important;}
.coloursectionclass02.imageclass {margin-left: 15px !important;}
.coloursectionclass03.imageclass {margin-right: 100px !important;}
e.t.cIf this is not a possibility, then I am happy to give every colour section and image is own unique class – I just wanted to know if i was missing something before I begin creating lots of individual classes and increasing my workload?
Thanks again,
September 4, 2018 at 2:57 pm in reply to: reference a custom class within another custom class #1005606Thanks mike, helpful tip although unfortunately it doesn’t really help me with this situation. I was really hoping to avoid .imageclass01, .imageclass02, .imageclass03 e.t.c and instead have:
.coloursectionclass01.imageclass
.coloursectionclass02.imageclass
.coloursectionclass03.imageclass
e.t.cUnless you can use truncating when referencing classes?
eg: .imageclass*,
which would target all classes that begin with “.imageclass”, so any future added classes such as “imageclass04” would automatically receive the assigned parameters – But i’m guessing that is wishful thinking?September 2, 2018 at 1:42 pm in reply to: STOP COLUMNS BREAKING TO FULL SCREEN ON MOBILE SCREENS #1004631Not really, instead of 4 desktop columns becoming 2 mobile columns, i want 2 desktop columns to remain as 2 columns on mobiles.
i have tried adapting the code in the enfold docs to work for my layout, and although the first 2/5 column did remain as 40% width, the second 3/5 column did not.That is why i was wandering if it possible to remove the column mobile breaking point altogether?
September 2, 2018 at 1:20 pm in reply to: reference a custom class within another custom class #1004628Appreciate the help Vinay, but my coding skills are not good enough to decipher all the additional code that is surrounding the element when viewed using the developer tools. Long story short, i read the following link:
https://stackoverflow.com/questions/25796180/targeting-a-class-when-inside-another-class
And therefore believed it would be possible to target my image element’s custom class by first referencing my colour section custom class. EG:
.coloursectioncustomclass .imagecustomclass {…}
But because this didn’t not work, i have decided to create a new custom class for each image in each colour section. It does mean that a lot of my css is repeated, EG:
.imagecustomclass01 {…}
.imagecustomclass02 {…}
.imagecustomclass03{…}But at least i know it works.
Perfect.
please close the thread with another happy customer.
Hey Vinay,
I believe my issue is as sorted as it can be. Ismael’s work around in the link below achieves the correct result, but is not client friendly – due to the lack of any GUI.
https://kriesi.at/support/topic/triggering-lightbox-gallery-with-link/
As for HuxburyQuinn’s link, his code is awesome and his tutorial pages very impressive and detailed. Unfortunately, his content popup doesn’t quite solve my lightbox gallery issue – but i hope to utilise his popup pages elsewhere if possible, and believe it would be a great additional for a future enfold version.
I will look for a gallery plugin that offers a link directly to the lightbox modal – or use a freelance developer to set up some code to automatically pull in images from a media folder into Ismael’s solution. Either way, you can mark my question as resolved.
Thanks both.
Amazing – works a treat. Thanks mike.
It even works for the portfolio grid, which is great. However now i need to get to work for all portfolio grids on other pages for continuity – so removed the .home for the time being. If i need to make the code more specific to individual columns, is it possible to add a custom class into the mix somewhere?
August 30, 2018 at 2:37 pm in reply to: reference a custom class within another custom class #1003613Thanks for getting back so quickly, but not sure that’s answered my question. I know how to apply custom classes, but when inputting the code to style the elements in the quick css field, i don’t know how to reference a custom class (that has multiple elements assigned the same class) but only within a particular coloursection.
#coloursection01ID .custom_image_class {top: 100px;}
Assuming it is possible, the above code is missing something between the coloursection (id or class) and the image class,
such as .container or .contents or .avia-element?I was hoping you may have the answer, so that i could apply some code to all the images via it’s custom class but also apply some additional code that only affects those images within a certain coloursection.
Thanks Vinay,
Glad you like the site – it’s certainly different, as the client actively is trying to avoid template layouts, which isn’t making my life easy!
Anyway, your socket code was really helpful. It’s not quite the horizontal alignment i was after, but i’ll try to adjust it myself.
As for your other comments, I had already read through the enfold documentation on columns, but it doesn’t answer what i am after. I will open new threads for my questions 2 and 4, as suggested, but will try and clarify my original question 1 to continue this thread:
In answer to your question, it is all the images on the homepage with a text box directly below them.
I was hoping to have the text box become underlined when hovering over the image.Any thoughts would be appreciated…
August 30, 2018 at 12:20 pm in reply to: reference a custom class within another custom class #1003506Hi Rikard,
Apologies, i just read it back and it does sound very confusing! Because i’m am new to all this, my coding terminology is likely to be incorrect – but will try and explain it better:
I need to duplicate multiple coloursections. Inside each of these coloursections I have an image and/or text box. These contents will require a custom class to allow me to make the position absolute, and individually translate each one horizontally and vertically.
I was hoping to keep the custom classes the same for each image and textbox (for ease of duplication and css code) Therefore was hoping there is a way to differentiate each image and textbox by referencing it’s parent coloursection ID followed by the textbox class or image class.
Similar to how you can separate an element by listing a page-id first:
.home .custom_image_class {top: 100px;}I was wandering if it is possible to separate a custom class by its parents section id. something like:
#coloursection01ID .custom_image_class {top: 100px;}
or maybe using another custom class for the coloursections:.coloursection01class .custom_image_class {top: 100px;}
Hopefully that makes sense?
Thanks HuxburyQuinn,
The first links seems to work fine, but isn’t as functional as your previous solution, as you cant populate a hidden gallery – which would have been a bonus.
I was going to try out your popup content shortcode – which sounds great and seems a well detailed tutorial for non coders like myself – however, before I start adding all the code, i did have two quick questions;
when publishing the popup contents page with the desired gallery element, will the popup link open the gallery as if it has already been clicked on (eg: in the lightbox) or , will it look like a gallery on a page (eg: big image with thumbnails below and still need to be clicked on)?
Also, do you add the shortcode straight into the text box with the link,
Or
do you add the shortcode into a code block and then add the html href into the text box with the link (eg: link_text)Thanks again for taking the time to help me,
I know this is an old thread, but just in case HuxburyQuinn is still notified of replys, thought it was worth a try…
Thanks for your help, however the code you supplied seems to open the first image in the lightbox, but does not include the other images within the hidden gallery created. Any ideas what i’m doing wrong?
Any advice is much appreciated.
Hi Victoria,
Apologies for the late reply, but there wasn’t a website until now! I’m still putting together costs and trying to win the work, and therefore need to know how much of the project will involve a freelance developer and how much i can achieve myself within enfold.
Anyway, i’ve spent the last couple of days mocking up the homepage on a sub domain, and some login details have been sent to you privately.
So, the idea was when the mouse hovers over the linked images on the page, the text below the image would become underlined. Please let me know if this is something that can be coded within the framework of enfold?
Having now designed the homepage, I am keen to show it to the client to increase my chances of winning the work. However I have since come across a few other issues i am now struggling with:
1.) Can i make the left margin/padding of the header image fully responsive, so that it moves in line with the text below. At the moment it does not slide left as fast as the other on screen elements?
2.) I have used the new widget page feature in enfold which is awesome, however the icon box seems to break on smaller screens – so that the icon jumps above the text – despite there being plenty of room to the left. I can’t work out what i am missing?
3.) The socket is causing major issues on smaller screens – where the social icons, footer menu and copyright info all overlap one another. Ideally i would want the social icons to be on top, with the footer menu becoming central and below the social icons, whilst the copyright icon stays right aligned and below everything else. Any ideas on how best to approach this issue?
4.) Finally, is there an option to remove the column breaking point on mobiles, so that 1/2 columns stay half screen size instead of jumping to full screen?
Sorry for bombarding you with all these questions, please let me know if you would prefer I set them up as individual forum questions?
Thanks again for the great theme and support,
Thanks for getting back to me, but I’ve just found the answer in your forum:
https://kriesi.at/support/topic/flexible-font-size-smaller-sizes-in-pull-down-menu/#post-995059
Apologies, i did a quick search before posting the question, but clearly I didn’t search well enough!
Next question would be, can you assign the flexible font sizes (vw) to body text or heading styles in the css code?
August 9, 2018 at 2:13 pm in reply to: Apply following quick css code to all pages except homepage #995477Works a treat, thanks Dude.
Great service, and you can close this thread.
Hi Ismael,
Apologies, but because i have been trying other recommendations such as compressing the xml file into a gzip before importing, i have done a few wordpress resets since adding that user and therefore the login info was removed. I have re-added the user, so the same login info should now work.
As for proceeding without the photos, it is more the warning at the top of the page that worries me – and although the majority of the images will be swapped, I would still like to get to the route of the problem in case it causes any future issues. The client is getting concerned, and talking about migrating to a new hosting company, but before they do please could you login and see if you can work out the problem?
The hosting company have also added the IP you sent me to a white-list so it couldn’t be blocked – but that didn’t make a difference.
Hi Ismael,
Yes, the pages and posts text and layout import, the only issue is no images can be seen and the odd text warning at the top of each page. I have spoken to my web host, who have ensured me that because the site is hosted on their cloud server package – no ip’s can be blocked.Any other ideas?
Okay, i have setup a new admin account and will await further instructions…
Thank you.
Thanks for the reply,
I have tried using the wordpress reset plugin multiple times, with the other plugins uninstalled as well – but no joy. I also tried other demo imports, and although the warning error does not appear, the media upload folder is still empty.
I have just tried again today, incase their was any server issues yesterday – using both the reset plugin and a clean enfold install – both times the warning error appeared at the top of the page and the media folder was empty. I am assuming that the issue may be with my hosting package, but they have updated the php version, increased the memory and time values and ensured me that their cloud hosting package does not block any ip addresses.
Open to any ideas….
-
AuthorPosts