Forum Replies Created
-
Posts
-
please see this image. the button you refer to isn’t there… and yes, i’m the admin:)
https://www.dropbox.com/s/2jvykj5265ycs1f/admin.png?dl=0Hi Guenni007, I’m not sure what you mean, perhaps a first sentence is missing as you start with and ? I do not want to change the color of all butons, just of this search button.
Hi Mike, thx for this. i saw the picture https://savvyify.com/img/image/2021-03-15-075321.EB56 but what I’m looking for is not a small pop-up but a full screen pop-up. I’ve build the desired layout for a page by using a grid with 3 columns, setting it to full height, the left column with an image, the middle column empty and the rigth column with a centered special heading and text. the solution you offers requires the content to be put into a code block? is there another way to place the grid as described above as hidden content and show it via a pop-up?
The site is locally hosted currently, so I can’t give admin access.
Hi Victoria, the logical question from my side would be: how to achieve this pop-up with enfold? 😂 ;)
Hi Victoria, thx for your answer. But, this feature seems pretty straightforward/simple? It’s a mere horizontal line with clickable points, with text hidden under them which appear upon a click. Is there a plugin you’d suggest for this?
.test2 { position: sticky; left: 0px; top: 0px; z-index: 10; }let me ask it differently, would above code be a good idea? (giving the color secion the css class test2)? it seems to work, with a negative margin of -200 for the first column (both on equal height)
Rikard,
Please, look at the images, on how the bottom border looks at android devices and how it looks on IOS. The bottom border isn’t the .bottom-left-image … that’s the logo on the bottom left. Codes that are present:
.main_color .container {
border-bottom: 2px solid #000 !important;
border-left: 2px solid #000;
border-right: 2px solid #000;@media only screen and (max-width: 767px) {
.main_color .container {
border-top: 2px solid #000;
border-bottom: 2px solid #000 !important;
}yet it doesn’t show on IOS. why?
Hi Rikard,
I struggled a lot with your hook, I did not manage at all to place the bottom-left image close to the ‘frame/border’, so no, I prefer to use the hook I found myself. Can you advice on another method? I find it particularly strange that this footer issue, as described, only happens on IOS/Apple…?
In regards to the (missing) black/lines on tablet: on larger screens and mobile there’s always the boxed website (with the black line all around it). On tablet there is no blackline on the sides: meaning there is no margin/padding on left/right of the ‘boxed’ view/content… can’t really describe it any better, the current images make this pretty clear I guess? So the question is, how do I add padding/margin to the website on tablets?
just these two points & the site is finished. thx in advance for your quick response:)
Hi Rikard, that did the trick!
Two last questions:
– on ios/apple mobile phones the footer acts strangely / doesn’t show. the bottom line
ios:- https://www.dropbox.com/s/uwiaoljdvl12hwq/IMG-20210228-WA0000.jpg?dl=0
android:
- https://www.dropbox.com/s/nfnn40xdjmq6w0p/IMG-20210228-WA0001.jpg?dl=0
– on tablet there is no margin/padding around the box/black lines. How can I add this to these devices only?
- https://www.dropbox.com/s/cmok142uug7gk1k/Alles-voor-je-veilige-shop-gevoel-Hoeklijst.png?dl=0
Rikard, thx for this code, I added it. The strange thing is that initially the border is there, it only dissapears when you start scrolling down.
I think that often enfold shows a line like this when you place an element outside of a column, and as you cant place this element inside a container, I’m thinking that this might have smt to do with this?
Any suggestions? the url is now reachable without password. see link in private.
Rikard. to share which code I used to place the image in the site;
add_filter('the_content', 'add_content_after'); function add_content_after($content) { $after_content = '<img src="https://www.hoeklijst.nl/wp-content/uploads/2021/02/hoeklijst-logo-linksonder.png" class="bottom-left-image">'; $fullcontent = $content . $after_content; return $fullcontent; }Hi Rikard, nearly! for some other topics i started other discussions.
Perhaps it has something to do with a piece of code you added, but when I add the submenu option there”s this borderline under the submenu which goes from left to right across the screen.
Also, there’s the same thick borderline under the submenu as is with the regular menu.I searched this support-forum and tried 5 pcs of code, without any luck.can you help?
- https://www.dropbox.com/s/s2pwkthzqswm59s/Alles-voor-je-veilige-shop-gevoel-%E2%80%93-Hoeklijst.png?dl=0
Hi Rikard, I managed to hide the logo’s on screens smaller than 1200px. insofar so good. (am slowly understanding the code. just need to know how to glue to bottom left logo to the frame, as identical to the one on the top. with codes such as padding, left/right it moves beyond the frame.
any suggestions?can you help? or can another moderator Dude/Nikko/Victoria pls find some time to assist? Really stuck here….
Rikard,
‘your image goes here’.
do I need to fill in an image url, name, or (probably the css-class?)I’m not sure how I add a class to an image, as I thought I can only do this when I add the image as content to a page?
this is kinda out of my league….
Hi Rikard, in most other tickets I see reactions from moderators with large sums of code/CSS that customers can add to their site. I’m really stuck with the custom footer widget, asked 3 times and your reply doesn’t offer input on how I can realize a custom widget on the bottom left of the ‘frame’, identical to the one on the top right (though you have asked me several times to clarify what I want exactly, but then don’t offer the solution) ….. why is that?
Can you please provide support with this today? we’re 10 days further and i feel that this is being ignored whilst this is a key element of the whole site’s design!
Hi Rikard, woohoo..
I solved the cart position via means of a plugin. Works like a charm.
I also solved the bulky footer colour, seemingly it was a colour setting.
I addedborder-bottom: 2px solid #000;to .main_color .container { . now we have a line underneath as welladded the code below and added CSS class ‘mybox’ to the text field on https://www.hoeklijst.nl/home-2/. Is there a way to add a padding to ALL content? Is quite a hassle otherwise to give all content a css class..
`@media only screen and (max-width: 767px) {
#top .mybox {
padding: 30px;
}’I tried several pieces of code I found in other service tickets to add a padding to the custom header widget (the logo on top right), to prevent it from being cut off when you make the browser window smaller…didn’t succeed.
- https://1drv.ms/u/s!AqR2jDw4h-rJ0i1G6v_w1cxtIjB-?e=JfzUzD
Can you advice?
What I dont understand is why the box is perfect on https://www.hoeklijst.nl/home-2/ but on other pages the lines don’t go all the way up to the menu bottom line. see:
- https://1drv.ms/u/s!AqR2jDw4h-rJ0jQc3OE8EkU31VZI?e=Zq0IQX
how do I fix this?
Hope you can help me with the custom footer widget, as I can’t find any documentatoin, then we actually have a site that makes everyone happy :D
Hi, Rikard. You are correct, it should be fixed, as is with the top right one. The cart icon should be next to ‘contact’ in the menu. Can you please help me out with these placements?
Do you have any clue by the way why there is this bulky footer colour in #333333, as i’ve configured the page to contain no footer
Then I’ll dive into the w3 schools (or hire one of Enfolds freelancers if I can’t manage) for the translation of this design to mobile.
Normally I’m capable of doing 99% myself, as you might have seen with other code/CSS I added, but this is a new frontier for me and I am unable to find much help in existing/old tickets.
