Forum Replies Created
-
AuthorPosts
-
Mike has helped me with this one. Afterwards I have added others, similar for sections on page Workshops.
Screenshots for overlapping text home page:
With CSS:
@media only screen and (min-width: 767px) and (max-width: 1024px) {
#top.home #av_section_2 .av_one_fourth {
padding-right: 0px !important;
padding-left: 0px !important;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
}Ok.. not cool.. Now even colums, text and breaking points are not good anymore. Text is flowing into other text on the home page and workshops page.. And that was all OK.
Greetings,
Arjan
- This reply was modified 6 years, 2 months ago by ArjanDenHaag.
where do I upload a screenhot here?
greetings,
Arjan
Hello,
Thanks! Stupid.. Just one bracket. But I still do see the logo at various resolutions. I do test it with Chrome extension Screen Resolution tester. I did clear history and so on of Chrome.
Greetings,
Arjan
I got the solution. By changing some text in H4 and apparently also the links, the text got corrupted. So the links to other pages did work, but hoovering and colour and so on, did not work anymore. By first copying text to notepad and afterwards creating new content and textarea, the links are working again.
You may close this ticket. Many thanks again to all. Helped a lot!
With kind regards,
Arjan
I mean: #a8c3aa
So yeah, you may. But we do not have to get in eachother way :) Links do not hoover anymore, see private content. They should hoover in black colour.
Well.. I do know hoover colours and so on.. I really do, but I am working so long on it. I do not see it know :$ you probably see it in 2 minutes :)
Greetings,
ArjanYes. Thanks. Thanks a lot. Learning more and more and the customer is already really happy! Next monday online! Now I only don’t have a hoover colour on the page ‘Subsidie’ suddenly :(…. But got to fix it.. :)
Greetings,
Arjan
(next two Enfold projects already on their way)
Sorry,
The pictures on the home page were not centered. I centered them now. Also on 768 x 1024 it is looking good now.
I guess everything looks fine now on every page? The columns on Home page and Workshops page :) :) The customer will probably complain about the breaks from the words, but ok…
(logo and some CSS stuff will do my collegue)
Greetings,
Arjan
Hello,
It looks fine. I have changed for both pages max width to 1024? That seems to help. The padding is for all columns the same. I added and changed a third media query for another section on Workshops; section 9. I changed the font all to 8px (allthough it does not seem to change).
Only on 768 x 1024 (iPad landscape) is the home page not nice. It places everything more to the left it seems. That’s only thing left I guess :)
I did not made a screenshot. I cannot find where to upload. I do use Chrome with Screen resolution Tester.
Oftopic: It seems there is also another reply for the logo. I am curious :)
Greetings,
Arjan
Thanks. I see what you mean with the code. I have inserted it in Quick CSS.Ofcourse there are still some letters not in the coloured area’s.
I do like the word brakes. For both pages. That’s ok. A smaller font is not desirable I guess.Greetings,
Arjan
Yeah true. I know those now, but I have not worked with it. So, I don’t know media queries yet..
The screenshot is correct. That one is an issue. Also those on the page Workshops. The 4 columns in different colours. See the link. Do you have an idea also? I thinks colums of 3 is also better? But the customer wants 4. And the Graphical Designer has set some size and height for the font. But if that is a no go, then it is a no go. Not everything is technical seen possible as wished. :)
oftopic: There is also a ticket for the logo. The logo will have a lightbulb, ‘flying’ over the slider. But that one has my collegae here some where with one of your collegaes. It’s becoming a CSS site :) :)
Greetings,
Arjan
Thanks. That one I was searching for apparently. Headers are fine now. :)
One last question and ofcourse I will google. But is there a quick way to save all the responsive columns for all different resolutions? The columns are not shown the right way on for example an I-Pad.
Can it be done with CSS or do I have to make new content sections with the same (adapted) content and then show or not show on the different resolutions?
Greetings,
Arjan
Thanks. Looking much better. :) Only wondering if users will know the links are also working on a cell phone (but that’s from users’ view).
As you are/were logged in. Just one quick question. The headers (h1) are capital. But do you which CSS it is? I added it for menu’s, but somehow the headers are now in capital also. I want to switch it to non-capital.
Greetings Arjan
Hello,
You may use this one:
Then I will wait for reply instead of doing something on this topic :)
Greetings,
Arjan
- This reply was modified 6 years, 2 months ago by Mike. Reason: moved password to Private Content area
Hello Mike,
Thanks. I already tried that one. I did not manage. I will try again.
Greetings,
ArjanAll I had to do was set the pictures on ‘No special alignment’. That worked for me. The space between the colums is smaller now.
Apparently I don’t use the right padding. Do I have to use the left or right padding to get the columns more together? And if I fix the left and the right column, the middle one is bigger ofcourse. Somehow lost it :$ :)
(configured and updated the page) -
AuthorPosts