Forum Replies Created
-
AuthorPosts
-
thanks ismael, you can close this one, best regards, jelle
oke ismael, thanks, you can close this ticket as far as im concerned!
best regards, jellehello ismael, yes, ive tried that.
the thing is:
if you choose: show caption the caption is shown in the thumbnail gallery below the pic.
if you click it the thumnail the lightbox will show the pic . Below it is the title.But when you chose the option : Show title
the title is shown in the thumbnail gallery below the pic.
as soon as you click the lightbox to open the picture , the title – again – is shown below the pic.
Logic would be to show the description….?you could say: than choose Title AND caption…
but first of all below the thumbnail i only want to show the title, and secondly than again below the lightbox image the title is shown, not the description.for now what i do is swapping the two fields.
put in the title where the caption would be, and put in the caption where the title would be.
feels a bit unnatural but i can work with it.thanks, jelle
-
This reply was modified 3 years, 2 months ago by
yampieters.
Hi Mike, wow, thats brilliant and exactly want i wanted.
there was only a small esthetic problem: https://jmcwebdesign.nl/ppp/wp-content/uploads/2021/06/Screenshot_20210625-162751_Chrome.jpg
the image was not covering the whole width of the screen.
but i could resolve this with changng contain by cover@media only screen and (max-width: 374px) { #top.home #home-content-slider { background-size: cover !important; }
my tablet is 1280×800.
herefor i added the code@media only screen and (min-width: 1025px) and (max-width: 1280px) { #top.home #home-content-slider { background-size: cover !important; } #top.home #home-content-slider > .container { height: 455px !important; } }
and got a rather satisfying result
i think you can close this ticket now.best regards, jelle
-
This reply was modified 3 years, 2 months ago by
yampieters.
Hi Mike, thanks for the reply.
But there seems to be a misunderstanding. Following your advice above hte image is still way to heigh and big.
( https://jmcwebdesign.nl/ppp/wp-content/uploads/2021/06/toobigthepic.jpg )
i would rather see it in proportion – scaled down – just like when you look at the website on a pc.
i have tried to visualize it in my selfmade picture below, which is representing the view on a mobile.
do you see what i mean? the background picture is in proportion now.
best regards, jellehttps://jmcwebdesign.nl/ppp/wp-content/uploads/2021/06/imageonmobile.jpg
ps: ive tried this code below, where the picture now is in control, but the top and bottom margins are huge, which is of course not what i want
( https://jmcwebdesign.nl/ppp/wp-content/uploads/2021/06/marginstoobig.jpg ):/* plaatje homepage op gsm */ @media only screen and (max-width: 767px) { #top.home #home-content-slider { background-position: 85% !important; background-size: 100%; } }
-
This reply was modified 3 years, 2 months ago by
yampieters.
oke rikard, thanks a lot, you can close this one
best regards, jelleHello Mike, thanks a lot…looks better…but the image itself was also an issue…its a background pic but it looks way too big on a mobile…
can i get it smaller on a mobiel?
best regards, jellehello Nikko, thanks for the reply.
Unfortunately this is not doing that much.
I ve activated it now so you can see it on a mobile.
best regards , jelle-
This reply was modified 3 years, 2 months ago by
yampieters.
hello nikko, thanks a lot, you can close this one, best regards, jelle
-
This reply was modified 3 years, 2 months ago by
yampieters.
thanks yigit , that worked fine.
by the way, the content slider is displaying very big on a mobile, way to big.
now i can make a mobile version and a desktop version ( and so make two versions of the same thing in fact ):.mobile {display:none !important;} .desktop {display:block;} @media only screen and (max-width: 479px) { .mobile {display: block !important;} .desktop {display: none !important;} }
but is it also possible to tell the system to display the whole thing just small on a mobile?
the text itself i can make smaller by
@media only screen and (max-width:767px) { #top .groot .entry-title { font-size: 32px; } #top .groot .entry-title { font-size: 32px; } }
but its more about the background picture that is way too big…
best regards, jelle
-
This reply was modified 3 years, 2 months ago by
yampieters.
brilliant, yigit!
Thanks a lot,
you can close this ticket if you want!
best regards, jelleHello and thanks Yigit.
it worked. Plans have changed though… it needs a left margin of some 200xp, i guess, so the text will be about at one third of the pic.
now ive tried the most logical thing.groot { margin-left: 200px !important; }
but this does not do anything. How can i give it a left margin?
best regards, jelle
-
This reply was modified 3 years, 2 months ago by
yampieters.
i got it
Shrinking Header out
you can close this
best regards, jelleok thanks yigit, you can close this ticket now.
you can close this one
ive found itits within the images in the slide itself
best regards, jelle
hi jordan , you can close this one, ive managed to place the text a little higher by using vertical alignment
<span style=”vertical-align: 5px;”>some text</span>
best regards, jelle
hello, ive managed so by using the content slider:
the code i use now is
.groot {color:#a42c6a; font-size:48px; padding:20px; text-shadow: 2px 2px #e1e1e1; font-family: Century Gothic; }
but im having some questions left
1. is the quick css the only location i can manage the layout of the sliding text?
2. if so, how can i give this text transparant background , lets say #666666, with a transparancy of 0.2 , padding 10px, roundedcorners 10%,?
3. where can i adjust the transaction speed?
4. on a mobile the whole thing looks a bit strange…too big…of course i could hide it, but what about seeing the same stuff, but than much smaller, fit for a mobile?
is this possible?best regards, jelle
hello jordan,
ehh…i dont understand…the header bar…so, in the header portion…
https://jmcwebdesign.nl/ppp/wp-content/uploads/2021/06/headerbar.jpg
there is some images in it that are too higp up.
i want to lower them a bit…
best regards, jellethanks rikard,
you can close this ticket as far as im concerned
best regards, jellegreat, Rikard!
thanks, you can close this ticket now
best regards, jelleyou can close this one, thanks
hello rikard
hi rikard, thanks.. but the problem is still there…
best regards, jelle
hi rikard, its oke, ive solved it via a class given to the p
.blauwkader {margin-top: 15px; border: 5px solid #7bb0e7 !important; border-radius: 15px; padding: 15px;}
the problem is that one cannot not change the second column concerning the margins… only the first one….
but i wanted to assign the some top margin to the second column…best regards, jelle
Like this:
https://jmcwebdesign.nl/duo/wp-content/uploads/2021/05/blue.jpgbest regards, jelle
-
This reply was modified 3 years, 3 months ago by
yampieters.
ok, thanks Nikko, you can close this ticket.
best regards, jellehi there
after doing some research ive found out the the plugin: Better WordPress Minify
was the cause of this. (the cookie bar turned green the moment ive deactivated this plugin)
could you explain why this was happening?
best regards, jelleok, for now we leave it like this.
if in the future a change is needed we can talk again.this one can be closed now, thanks for your support anyway , jelle
hi rikard, thanks
unfortunately it didnt do anything,
but as you are saying that all images would be affected it doesnt matter.so there is no way to point to a certain page to apply a rule?
something like:@media only screen and (max-width: 767px) {
page-duo-interieur .responsive #top #wrap_all .container { etc etcbest regards, jelle
hi rikard, i think ive choosen the wrong pic and url
this is the one
https://jmcwebdesign.nl/duo/wp-content/uploads/2021/05/Screenshot_20210506-082409_Chrome.jpgbest regards, jelle
-
This reply was modified 3 years, 2 months ago by
-
AuthorPosts