Forum Replies Created
-
AuthorPosts
-
August 4, 2022 at 10:42 am in reply to: Seperate special headings as H1 for mobile and desktop. Crawlbot sees 2x H1's? #1360593
works like a charm, thanks! case closed
works like a charm! but with what CSS do i just make the text ‘home’ white?
Awesome, it works! many thanks! case closed:)
Many thanks @Guenni007 . The addition to the functions.php works, but the quick CSS doesn’t deliver the expected results. It’s this site any idea why?
Hi Yigit, but then the footer still remains H3? I just alter the styling? I want the titels in the footer to no longer have a H3 tag to it, how do I change that?
@guenni007 awesome!
I managed to add some css to it and remove the ‘you are here’ via function.php… only have two questions left:
1. if I want to change the home text to the icon of a home, how do i do this? Just a home icon from the standard fontello pack would be great.
2. how do I change the color of the ‘home’ to white? (without and with hoover) I’ve used below CSS already.#top .breadcrumbs { line-height: 45px; font-weight: 200; font-size: 20px; color: white; }
July 26, 2022 at 10:44 am in reply to: Seperate special headings as H1 for mobile and desktop. Crawlbot sees 2x H1's? #1359442Hi Ismael,
So, I’m struggling a bit with your explanation, even after reading the documentation you send. Are you saying that the first column, across the entire site, has that ID? I found a different ID, so I’m guessing thats not the case.
I’ve used the custom CSS class several times with enfold before, though I never worked with /* Add your Mobile Styles here */ , how do I use that code? if I were to give the column the custom CSS class customheader , how would the final css code look like? like below?
@media only screen and (max-width: 989px) { /*customheader*/ .responsive #top #av_section_1 .av-19t81w-2bbc381a2d0af00be60f54214198d121 { padding: 20px !important; margin-top: -115px !important; } }
I’m getting the impression that I need to identify the unique ID for all first columns for all relevant pages and add those to the code above? (it’s 15 pages give or take.. )
What comes to mind is that the column, which is now visible on all screen sizes, already has padding settings (via the page builder). How is this handling the customer CSS above? Or do I need to define CSS rules for A. the largerst screen size and B. the other 3 sizes?
- This reply was modified 2 years, 5 months ago by the_digital_manager.
July 25, 2022 at 1:54 pm in reply to: Seperate special headings as H1 for mobile and desktop. Crawlbot sees 2x H1's? #1359390Hi Ismael,
thanks for your reply, but you make it sound very easy, but I doubt I can approach this easily via CSS. I
How would I tackle the following in CSS?
visible on bigger screens (>990px)
– content sections that starts with a whitespace -200 (so that the column followed by it partially overlaps the header that is placed above it).
– The colum has the following padding: above: 75px, right: 150px, under: 75px, left: 150px.visible on all screens except bigger screen
– content section without negative whitespace as above
– but with a column with a negative -115px above margin, and different padding settings: above: 55px, right: 20px, under: 55px, left: 20px.This sounds like a whole lot of hassle to approach via CSS?
The H1 in itself isn’t any different on mobile than desktop. it’s the column that it is in that varies across screen sizes, see screenshot.
https://drive.google.com/file/d/1TN_P69eEO2IGx4eKTZLqGGhFoGe-j6sF/view?usp=sharing- This reply was modified 2 years, 5 months ago by the_digital_manager.
Hi Nikko,
what steps should I take before you do so?
You will ensure that you put the site in maintenance mode? We naturally don’t want customers to see an empty other theme.
Can we schedule this? When are you available? Please do not start before we scheduled a time slot.- This reply was modified 2 years, 5 months ago by the_digital_manager.
Hi Nikko,
I contacted the server prodiver. They changed some setting, such as raised the max_execution_time and max_input_time from php from 30 to 300 seconds.
Also, they upgraded the server, from 1 core and 512 memory to 2 cores and 1024 memory.
I think it works a bit better, but some elements, such as ‘highlighted images’ still load very slowly (much later).
Can you dive into this with me and see if things run smoother / how they can run even smoother?
Hi Ismael, other sites are hosted on the same server, whilst they are much faster.
I get the internal server error quite often as well on this particular site, but not on others. I use the timeline and table builder and yoast plugins on these other sites too…and there everything runs smoothly.so, what now?
Hi Mike :) I completely understand that and I’m very gratefull for your help insofar. Big thumbs up for you and the team :)
I’ll ponder on my options, thanks for now and you can close this ticket.
Would be handy though for other people if columns can also link to iframes, similar as buttons. feels a bit buggy that this doesn’t work!Hi Mike, I must admit that I am fairly new with coding, so when you ask me to check a page’s sourcecode I am thinking ‘oh boy.. not sure about this’ ;P
I’m not exactly rebuilding this site, I just like this feature and would to like to realize this in an exact manner, if possible. Do you have a debugger code by any chance which I can add and test the feature/approach you mentioned?
Hi Mike,
thx for providing me with these clear steps. So, I’ve tried this and it works. I also found out why I didn’t succeed earlier. I have several questions/remarks:
1. It seems that Enfold doesn’t allow a column to load/link an/to iframe url. The iframe command works on buttons, but not when you add the code to a column link url. It simply loads the page in the browser, rather than putting it in an iframe. Can we fix this?
2. somehow it takes long for the iframe to load. Why is this the case? on other sites this goes pretty instant.
3. in the example provided in the private content you’ll see that when you click on a team member you can’t scroll on the page anymore. When I use the Enfold Iframe you can still scroll on the page that is below. How do I change this?
4. when I change the size of the pop-up it isn’t centered. How do I center the pop-up?
5. I see arrows left and right in the pop-up, why is this the case?
thx in advance! :)
Thanks Guenni007, that did the trick. I do work with a child theme and insofar this is the only issue I seem to have, so reuploading enfold feels like WAY to much hassle :P changed the code to the following (and it works)
#searchsubmit { background-color: red !important; color: #000 !important; }
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=0- This reply was modified 3 years, 9 months ago by the_digital_manager.
thx for your suggestion, but I cannot edit the search element..? i can only clone or save it as a template. there is no edit option available?
is there a CSS way to achieve this?- This reply was modified 3 years, 9 months ago by the_digital_manager.
Hi 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.
can you provide steps for this?
Hi Victoria, but that’s exactly what I did, but as I described in the initial post: then the enfold site simply loads a new page in a new window…?
or is a page with the grid columns, as I described, not workable?- This reply was modified 3 years, 9 months ago by the_digital_manager.
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.
- This reply was modified 3 years, 9 months ago by the_digital_manager.
Hi? How do I achieve a pop-up as the given example ?
March 22, 2021 at 11:50 pm in reply to: Column spacing applied to specific columns via CSS class? #1289736cool. will try it out!
Hi Victoria, the logical question from my side would be: how to achieve this pop-up with enfold? 😂 ;)
March 21, 2021 at 4:24 pm in reply to: Timeline Possibilities? Horizontal line with hidden/appearing text #1289472Hi 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)
nudge. still no reply?
Hi RIkard, any idea?
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?
March 12, 2021 at 11:47 am in reply to: change font (and font size) of product review section #1287644awesome. thx!
-
AuthorPosts