Forum Replies Created
-
AuthorPosts
-
February 25, 2022 at 5:43 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1342310
Hi Mike,
thank you very much for the feedback.
I updated the theme and did some testing.
The result is:
here (just Fullwidth Easy Slider in it)
https://kuhl-consult.josk-design.de/footertest-only-slider/
footer in mobile version is ok.Here (just Fullwidth Easy Slider AND an empty color block – totally new not a template, totally new page – in it)
https://kuhl-consult.josk-design.de/footertest-slider-and-empty-color-section/
its not ok.isn’t that weird?
If oue wonder about the look of the typography of the slider, I’ve started a new thread for that:
Fullwidth Easy Slider position of caption-content and caption-title responsiveBest regards
Josephine
PS: all of a sudden a menu titel named: Bookmarks appeared in the footer.
:O I really don’t have an idea what happened and I díd not find the place where to meáke it invisible. pease help! :))- This reply was modified 2 years, 10 months ago by josk-design.
February 23, 2022 at 10:35 am in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1341964PPS: today at 3pm berlin time I have a presentation so I locked the temporary login and I will open it again after I showed the page to my client :)
February 22, 2022 at 10:30 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1341871PS: I’ve inserted empty text blocks in every page. The footer in the mobile version is correct. But as I wrote in my previous post, I think it’s kind of concerning, that all of a sudden the pages I’ve been working on are destroyed.
February 22, 2022 at 7:54 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1341854Hi Mike,
thanks for your reply. I do not know how to update Enfold theme. I created the token and that worked out. But in WP dashboard there is no option to update Enfold theme.
But nevertheless I did like you told me, I built a new page and checked what is happening concerning the footer in the mobile version.
And this is what I found out:
When there is a text window above the layer slider, no matter if it is filled with text or not, the mobile footer is ok!
Firs I thought it was because of a text window that is a little strange, I’ve put non formatted text in it and after inserting a blank line the text was formatted differently.https://kuhl-consult.josk-design.de/test-homepage-1/
https://kuhl-consult.josk-design.de/test-homepage-2/But I think there really might be a serious problem somewhere on the site. Today I worked on:
https://kuhl-consult.josk-design.de/coaching-existenzgruendung-2/
Everything was ok, and then all of a sudden the code was broken.I think probably I should build up from the beginning the whole site without using the templates that I did.
I just checked, the blog is fine regarding the mobile version, but “Kontakt” also has the footer problem. :/
https://kuhl-consult.josk-design.de/kontakt/I switched the language to english so that you can have a look.
BR Josephine
February 21, 2022 at 1:57 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1341644Hi Mike,
I forgot a topic concerning the order of content in mobile devices.
4.)
pls see:
https://josk-design.de/reihenfolge-mobile.jpgTo put the pictures and texts in the correct order for mobile version I did the following workaround:
I’ve put everything in a color section, I did a duplicate of the color section, I choosed for the first color section: hide on
small screens
[ Auf kleinen Bildschirmen verbergen (zwischen 480px und 767px – zB: Tablet Porträt)
Auf sehr kleinen Bildschirmen verbergen (kleiner als 479px – z.B.: Smartphone-Hochformat) ]in the second color section I changed the order so that it is correct for smaller screens and I chose : hide on small screens
[ Auf großen Bildschirmen verstecken (breiter als 990px – z.B.: Desktop)
Auf mittelgroßen Bildschirmen verbergen (zwischen 768px und 989px – z.B.: Tablet-Querformat) ]Is this the correct way to do it? I think it is quite a lot of work… ;-)
Best regards
JosephineFebruary 21, 2022 at 1:48 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1341636Hi Mike,
I followed your advices but I don’t know how to manage it.
In private content you find a login.It is very strange because, when I started work today after the weekend. There was the broken code that you spoke of. As well, a lot of my work from Friday was gone. :(
Some other problems suddenly appeared:
(I summarize)
1.) mobile version of footer in rows (my first post in this thread)2.) the plugin hyphenator does not work anymore. Before it worked and german hyphenation was fine.
3.) also: I did hide the footer [as long as the problem 1.) ist not solved] I did that on friday with the following script:
@media only screen and (max-width: 767px) {
#footer {
display: none;
}
}
on friday it worked, but now it does not work anymore.
Very strange. Seems to be a seroius problem with css coding…I would be happy if you could help me!
Best regards
Josephine
Hi Nikko, SORRY do not pay attention to the message i sent you before! I just found the solution by looking in the support forum, somebody recommended deactivating all plugins, and so I deactivated the plugin I installed yesterday: wp-Typography by Peter Putzer. And tadaaa, the layerslider is visible again. So it had nothing to do with your work, you solved the problem with the stroke. ;-) Really a pity because I was very happy, that I found wp-typography because I had problem with hyphenation and with wp-typography the texts looked great. Best regards Josephine
January 28, 2022 at 10:46 am in reply to: [avia_codeblock_placeholder uid=„1“] / grey stroke / line below color section #1337659Hi Rikard,
I just found the solution by looking in the support forum, somebody recommended deactivating all plugins, and so I deactivated the plugin I installed yesterday: wp-Typography by Peter Putzer. And tadaaa, the layerslider is visible again. So it had nothing to do with the work of your collegue Nikko who solved the problem with the stroke. ;-)
Really a pity because I was very happy, that I found wp-typography because I had problem with hyphenation and with wp-typography the texts looked great. Cann you recommend me another plugin, or can I insert css to consider German hyphenation and let texts look great without white wholes in it when I set: justify?
Best regards
JosephineThis reply has been marked as private.Wow, great thanks a lot! :)
Hi Yigit,
pls see screenshots.
1 topic: changes on timeline
I inserted already timeline developer settings:
ID: time-line-id
Class: time-line-class-1pls see what I would like to change here:
https://josk-design.de/timline-1.png
Comments to screenshot:
1) I just realized that the size of fonts are editable in timeline settings, but I would like to change font weight.)
2) I also discovered that I can change the icon into positive (pink icon, white bg)Thanks in advance and best regards!
Josephine
- This reply was modified 2 years, 11 months ago by josk-design.
January 27, 2022 at 10:32 am in reply to: Zum kleiner Rand zu Textbox bei kleinem Display / responsive #1337465Hi Yigit!
I just realised that I already solved the problem.
Best regards
Josephine
- This reply was modified 2 years, 11 months ago by josk-design.
January 25, 2022 at 7:13 pm in reply to: Zum kleiner Rand zu Textbox bei kleinem Display / responsive #1337150Hi Yigit,
mmhh, I had a look at the column element and it’s 20px top right bottom left.
https://josk-design.de/abstand-20px.pngAnd I did not change that. I think it was like that…
If you want to have a look yourself pls find the login in privat content.
Thx and best regards!
Josephine
- This reply was modified 2 years, 11 months ago by josk-design.
Great, thanks!
Hi Mike!
Thanks for your help!Best Regards
JosephineThanks a lot Yigit and Ricard!
You can close the thread.
Happy evening!
JosephineI found it!! The div class <div class=”contact-1-2″> is written in the html of the Text:
:o)Bürozeiten
Sie erreichen uns montags bis freitags von
10 bis 17 Uhr telefonisch.Schreiben Sie uns aber gerne auch eine
E-Mail oder nutzen Sie das Kontaktformular.Wir freuen uns auf Sie!
</div>
<div class=”contact-1-2″ style=”margin-top: 13px;”>Kuhl Consult
Christa Kuhl
Stromstr. 41
40221 DüsseldorfTelefon: +49 159 06802762
Mobil: +49 211 15800218
E-Mail: (Email address hidden if logged out) “> (Email address hidden if logged out)</div>
Hi Yigit,
quick css I found. But where is:
.contact-1-2 ?
The screenshot you sent showed a class added to contactform 7 called .contactform7@media only screen and (min-width: 768px) {
.contact-1-2 {
width: 48%;
display: inline-block;
vertical-align: top;
}
}Best regards
JosephineHi Ricard,
thanks a lot!
unfortunatly I do not find the places where you added classes and CSS in Quick CSS.
I looked in the following places:
• design > customizer > additional CSS
• Design > theme editor
• Textblock > Erweitert > Entwickler-Einstellungen > Benutzerdefinierte CSS-KlasseI don’t have a clue where it is. :-/
Best regards
JosephineHi Rikard,
thanks for your quick reply!
I hope I understood you well. I wrapped 2 textblocks in one 2/5 element I added to each block a class. First block contact1 second block contact2. Or was it supposed to be the same class for both?pls. see temporary WP login in private content.
https://kuhl-consult.josk-design.de/kontakt-neu/
Best regards
JosephineThank you!! Don’t know what I did. I’m lost. ;-)
Hi Yigit,
I reply to this: “Enfold theme options > Advanced Styling options override Typography options. So I went to Enfold theme options > Advanced Styling and set H1 font size to default.
Then I went to Enfold theme options > General Styling > Typography and added px to font sizes. They should be inserted as “50px” instead of “50”.”When it was just done with H1 Headline it worked. But when I do the same settings (differnt font sizes..) for H2, it doesn’t work anymore. :(
Would be great if you could have a look at that again.
Best regards
Josephine- This reply was modified 2 years, 11 months ago by josk-design.
Hi Yigit,
thank you so much! Great! :)
I have another question, don’t know if it’s within the support.
I used MapPress and leaflet to built a map. It worked out, but it opens always with the white sidebar on the left open.
https://kuhl-consult.josk-design.de/kontakt-neu/
Do you know how to make it happen, that it opens just with the map?Have a nice day
Josephine- This reply was modified 2 years, 11 months ago by josk-design.
Hi Yigit,
meanwhile one of your colleagues told me where to start new threads and as I did not have an answer to my reply on this thread I copied the text and begin a new tread. I will add the temporary WP login to my post from this morning.
best regards
JosephineJanuary 18, 2022 at 11:13 am in reply to: css. ID css klasse / Textblock / Erweitert / Entwickler-Einstellungen #1335997hi there
pls see link + password below.
best regards
JosephineJanuary 18, 2022 at 10:11 am in reply to: css. ID css klasse / Textblock / Erweitert / Entwickler-Einstellungen #1335987Hi Rikard!
Thanks for your answer! Ok, now I see where I can open a new thread. :) I was kind of blind…Concerning my question with the sup tag:
https://josk-design.de/r_hochgestellt.jpgI just want the ® a little bit higher and smaller. :)
Best regards
JosephineJanuary 17, 2022 at 4:20 pm in reply to: css. ID css klasse / Textblock / Erweitert / Entwickler-Einstellungen #1335893Hi Rikard,
now I have another question. (I don’t find the option to start a new topic anymore, can you send me a link or tell me where I find it?)
Here comes the real question. :)
I would like to set text as superscript (in German: hochgestellt) the ® sign.
I looked up the html code <sup></sup>, but as the text is in a Textblock / input field, I cannot write html. Is there a way to code generally for the hole website that ® is allway superscripted?
Thanks in advance!
Josephine
Hallo Günter! Ich antworte hier mal auf diesen thread, weil ich neu im Forum bin und nicht mehr weiß, wie ich einen neuen thread erstellen kann. (Wo kann man das??) In WordPress / .css / html. bin ich ein totaler Neuling.
Ich bin Grafik Designerin und erstelle gerade eine Website anhand dessen ich mir WordPress beibringe. Extrem wichtig ist mir Typografie. Ich habe bei “erweitertes Styling” den H1 etc. Formaten verschiedene Schriftattribute zugeordnet.
Nun habe ich das Problem, dass auf kleineren Devices die große Schrift (H1 = 50px, H2 = 40px) noch zu groß ist und die Spalten nicht kleiner werden). (link siehe Private Content)
Ich möchte gerne, dass es sich “fluid” der jeweiligen Screengöße anpasst. Gibt es da ein .css für?
Viele Grüße
JosephinePS Nun habe ich gerade gedacht, ich hätte eine Lösung gefunden, hat aber leider nicht funktioniert.
unter
> Enfold child > theme optionen > Allgemeines Styling > Typography
Ich habe in den theme editor folgendes eingetragen: add_theme_support( “avia_options_extended_typography” ); und ins .php das aus dem link hier: https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Layout/avf_el_styling_responsive_font_size_skip.php
Dann habe ich beim H1 selector folgendes eingetragen:
Font size: Standard 50 Medium 35 Klein 20 Very small 300
Leider hat sich nichts getan, als ich das Fenster verkleinert habe bzw. es am Handy angeschaut habe. Es geht ja auch eigentlich nicht nur um die Schriftgröße, sondern auch um die Spaltenbreite, glaube ich…- This reply was modified 2 years, 11 months ago by josk-design.
January 17, 2022 at 11:15 am in reply to: css. ID css klasse / Textblock / Erweitert / Entwickler-Einstellungen #1335837Thanks a lot!
Hallo, ich weiß nicht, wie ich einfach so meine Frage schreiben kann, ohne auf einen thread zu antowrten, deswegen gehe ich hier einfach mal auf reply. Ich bin totaler WordPress, html und css Neuling aber als Designerin sehr an Typografie interessiert, sodass ich unbedingt lernen möchte, wie man WordPress Themes mittels css. verändern kann. Ich habe es schon geschafft, kleine Änderungen hinzukriegen indem ich in den Quellcode von chrome geschaut habe und dann ccs. snippets in >Design >Customizer > zusätzliches css. reingeschrieben habe.
Was ich nun möchte ist folgendes:
Ich möchte in einen Text-Block CSS einfügen ( Font-size 24 px und font-weight: 200; ). Beim Reiter „Erweitert“ gibt es die Möglichkeiten
1. eine benutzerdefinierte ID einzutragen.
2. die benutzerdefinierte CSS Klasse einzutragen
3. sperrbare benutzerdefinierte CSS Klasse einzutragenWas muss ich eintragen?
-
AuthorPosts