Forum Replies Created
-
Posts
-
I’m asking as I placed the CSS before in Quick CSS and it did nothing :/ can you advice (it’s added now)
@ismael, many thanks. horizontally it’s nicely aligned in the centre, but vertically the elements are still a bit too low (not centered) any idea why?
Hi @ismael, many thanks. for 95% we’re there!
see this
1. I noticed that the arrows and text is not exactly in the center yet
2. the text isn’t center aligned (text is left aligned)
3. would be awesome if the arrows left and right could be centered in the coloured block they are in.could you provide CSS for those last bits?
if I wanted to make the overlay a little bit lighter, what would I need to adjust?
Hi @ismael, many thanks! I applied both, it works great, except the title is now in a area that is darker than the overlay. how to adjust this to match the overlay color? see screen shot
@ismael, i dont think we are looking at the same thing. did you check it on desktop view? the captions in the easy slider are white (mobile) indeed. but on desktop (images with titles) they are grey.
so the first question is about the images with titles (desktop)
the 2nd about easy slider (mobile) .how do i add the same overlay ?
2nd question:
for the the easy slider see below
https://img.savvyify.com/images/2024/11/24/Schermafbeelding-2024-11-24-172825.pngi’d like to get the same result as
https://img.savvyify.com/images/2024/11/24/Schermafbeelding-2024-11-24-172857.png
(same overlay, title nicely in centre, and then naturally with the nav. arrows on the side as is)
I added the CSS you proposed, but it’s not in the centre yet and I tried several CSS options for the overlay, but no luck insofar. do you know?Hi @mike.
I’ll break the questions down:
so, look at :
https://img.savvyify.com/images/2024/11/24/Schermafbeelding-2024-11-24-171312.png
‘rug’, ‘schouders’, ‘elleboog’ are now H3 (due to some code you gave, which is what I wanted)
Under the advanced settings in the child time I’ve set all H3 to be grey.
but in this case I want to make an exception.
If you check the settings I have set the text on white, in the preview it shows white. I even added CSS to make it white. (image-caption-weight)
https://img.savvyify.com/images/2024/11/24/Schermafbeelding-2024-11-24-171456.pngYet, it remains grey. how can I still make it white? (I want to keep the other h3’s, except for the ones over images, grey). Also, the line height should be 30px and the font size 23. basically i want to achieve the same as
https://img.savvyify.com/images/2024/11/24/Schermafbeelding-2024-11-24-172057.png@mike, ah! I guess i added that piece of code in the child theme from way before when it wasn’t possible to change the H-tag yet. Thanks for disabling it.
Two challenges/issues:
1. A new problem that occurs is that I set the H3 tag font colour and size in the Enfold Child panel under advanced. I notice that this is overrulling CSS and even settings that I make manually in the advanced layout builder. (in this case I set the image with the tilte ‘rug’ to white text PLUS i added CSS which should set the color to white and to the desired font weight.
is there a way to overrule the adjustments I’ve made under the advanced panel with CSS? (this was more relevant to this: https://kriesi.at/support/topic/change-caption-of-image-to-h3/)
It’s not really desired from my perspective that I change the setting of all H3 captions manually / via other CSS2. Basically, what I want to achieve, is to get display the same content I have placed in columns (‘rug’, ‘schouders’, ‘elleboog’) into a slider. perhaps there is another way to achieve this, rather than putting the same content into a easy slider and hide/diplay elements on mobile vs desktop. I want to do this throughout the site, for example you see https://fysiobreda.thedigitalmanager.nl/behandelingen/dry-needling/ , then I want to but all those ‘body parts’ into a slider as well.
it works! wooohoooo!
thanks @mike@mike ! awesome! case closed:) many thanks
@mike it looks really nice. the only struggle is adding homepage to the mobile menu. in the desktop menu there is the logo that acts as the homepage ‘button’. so when I simply add ‘homepage’ to the menu it is also visibile on the desktop menu, which i dont want. is there an easy way of solving this?
Hi @Mike. that doesnt seem to work. images are still h1. is there another way to change this?
@mike works like a charm. thanks
how can i put the arrows on the exact middle of the image?
and perhaps make them a bit bigger and give them this colour: #CC4055Hi @mike,
I added the code to function.php but it doesnt seem to work, also, this doesn’t provide me with an answer/solution for the design question.
>add a transparant overlay
>center the title
>configure the font size of the title(see above questions). you have the login to my site:)
best regards, Peter
Hi Ismael,
i can’t exatly find all the settings you are referring to, so perhaps I’m using another element. in dutch it’s ‘diavoorstelling’ (Dia slideshow?)
you can see this on https://fysiobreda.thedigitalmanager.nl/behandelingen/dry-needling/ (mobile view). password to see the site is Ruben123!
So i’m not far off when I look at the above. I just want a grey-ish overlay, as is the case with https://fysiobreda.thedigitalmanager.nl/ and the title should be in the center as well.
how can i achieve this?
Hi Mike, its for https://fysiobreda.thedigitalmanager.nl/
there is the section on the homepage with ‘hier heb ik pijn’ with images of ‘rug’, ‘schoulder’ & ‘elleboog’ under it. I’d like the caption of those images to become H3.Hi Mike, it’s for the site you helped with already quite a bit:)
https://fysiobreda.thedigitalmanager.nl/
the element is used on the homepage.Hi Mike, thanks for your response, but that’s not exactly what I mean.
this is the current situation
but i’ld like it to use the space more, like (not 100%, but you get the idea)
@mike ! that works.
nearly there. Four more questions:1. how do I change the color of text in the burger menu that is active, for example: ‘hier heb ik last’ in my site? the color is a bit grey-ish now, I’d like to change it to white when it’s clicked en users look at the subpages.
2. how do I add the text ‘menu’ under the burger icon?
3. how do i centre the logo in the mobile menu?
4. ‘home(page)’ is not in the burger menu, how do I add this to be visible as the first text-line?
Hi Ismael/Rikard, if use this CSS the text dissapears behind the image. how do I fix that?
also, the original question is a bit more extensive than just adding text in front of an image, i’d like a white content block to overlap an image partly, which contains a titel, text and button.. is that possible to achieve?
Hi @mike, any update?
I tried applying css to a column with a background image, but then it doesn’t work. Is there a way to make this work? And how do I set the column to show the complete picture that I set as background?
https://fysiobreda.thedigitalmanager.nl/contact/
Ruben123! password to see the front endit’s the part right below the header with ‘Doorzoek de site Met deze handige zoekfunctie’. Image is 1000x1000px, but the column only takes up the height that it needs to show what is inside the column.
Hi @Mike ! Any luck insofar? :)
the element in question is made in powerpoint, I have not managed to get even close to this in enfold..
so i’m looking for an advice on how to get the image overlapping with a white contenf field (with leaving some space on the sided, so it doesnt overlap completely), which contains the elements that you see@guenni007 , many thanks, I found the website https://css-tricks.com/almanac/properties/c/clip-path/ and checked your website to find the right css to use this in enfold. works like a charm (clip paths). so that question is solved.
but, then there is the other question of how to realize a similar page set-up as the image in my first post above. What combination of the advanced page builder should i use to realize this? content section with background image and css path applied to it, whilst a background colour remains?
Then I’m struggling, as there is a title that covers half of the page, with two columns under it with two titles and text? I’m a bit stuck here.
