Tagged: design, responsive, shift
-
AuthorPosts
-
January 23, 2022 at 8:09 pm #1336770
Hi there,
having used WP Staging plugin I changed my theme to Enfold (www.tt-bewerbungsservice.de) and published the changes. I really like the theme – great work, however I am simply not able to resolve some issues:
1. “Erweitertes Styling” does not work. Although it says there were no problems saving the changes, these don’t become visibile on the frontend. The same applies to the footer color. It simply won’t switch to the settings chose. Other desired changes would be i.e. having bold text not change the color and link anchor texts being underlined (and maybe bold). It seems as if all changes made on the backend aren’t accepted, without receiving an error message.
2. I would like to omit the datum of pages and posts in the search results.
3. The titles in the blog preview break through the right boundary and interfer with the next title.
4. Similar to No. 3 on the mobile page the special title “Der TT Bewerbungsservice im Überblick” also breaks through the right screen boundary apparently because the font size ist to large, regardless of the responsiveness.
5. The alignment of the links in the footer on the mobile version is not correct. Both rows are not aligned: “FAQ” would have to be aligned with “Datenschutzerklärung” and “Kontakt” with “AGB”.
6. How can I change the style of Block Quotes? I would like to omit the coloured bar and have a text in a different font style ans size, encompassed by quotation marks.
7. The price table on https://www.tt-bewerbungsservice.de/preisliste-bewerbungsservice.html also has alignment issues. The table boxes are not aligned on the vertical axis. Preisstufe 1, Preisstufe 3 and Preisstufe 4 would have to have the same hight for all boxes, while Preisstufe 2 is highlighted.
8. There is an issue that Buttons and picture texts almost collide. Under title “Wie nutze ich die Elternzeit für eine zukünftige Bewerbung am effektivsten?” on https://www.tt-bewerbungsservice.de/bewerbung/hinweise-bewerbung/bewerbungssituation/bewerbung-nach-elternzeit.html the button is far too close to the text beneath the picture. The button would have to be placed a little more downward.
9. Is it possible to increase the distance between icon and text on Buttons a little?
10. Is it possible to have the same distance above and below a divider element?
11. Using a 1/2 1/2 divider for content it seems as if the centre is not aligned with the divider? Is the a possibility to enable this or ist the shift intended? Example: https://www.tt-bewerbungsservice.de/tabellarischer-lebenslauf/lebenslauf-vorlage-schueler-kostenlos.html. Cf. dividers and pictures.
I know this is a larger list, however I’ve tried to solve these issues for quite some time now and don’t know how I could resolve them.
Thank you for your help!
Best Regards,
TillJanuary 24, 2022 at 5:43 am #1336835Hi Tomba111,
Thanks, I tried to access the staging site with the credentials you gave however it does not work, please check.
Can you try to go to Enfold > Performance and disable both CSS file merging and compression and Javascript file merging and compression and let us know if this helps and resolve some of the listed issues, if not then we’ll go through your list.Best regards,
NikkoJanuary 24, 2022 at 9:59 pm #1336941This reply has been marked as private.January 25, 2022 at 9:21 pm #1337177Hello Nikko,
did you get my message and do you have access now?
Best Regards,
TillJanuary 27, 2022 at 4:02 pm #1337551Hi Till,
I apolgize for the delayed response.
#1. We would need to have admin access in order to check the theme options.#2. Do you mean removing the summary of posts/pages on the search results?
#3. I don’t see any overlap of the title in the blog page https://www.tt-bewerbungsservice.de/bewerbungsblog.html is this already fixed? the title seems a bit long, so I think reducing the font size would help, please add this in Enfold > General Styling > Quick CSS (just adjust the font size value):
#top .avia-content-slider .slide-entry-title { font-size: 24px; }
#4 & #5 Please add this CSS code in Quick CSS:
@media only screen and (max-width:960px) and (min-width:480px) { #socket #avia3-menu li { padding-left: 6px; padding-right: 6px; } } @media only screen and (max-width:479px) { h1 { font-size: 26px; } #socket .copyright { width: 100%; text-align: center; margin-bottom: -12px; } #socket .sub_menu_socket { margin: 0 !important; } #socket #avia3-menu li { line-height: 1.3; margin-bottom: 4px; text-align: center; width: 50%; } }
#6 For the blockquote font attributes go to Enfold > Advanced Styling and select < blockquote >, as for removing border and adding a quote, please add this to Quick CSS:
#top .all_colors blockquote { border: none; margin-right: 0; padding-left: 0; position: relative; } #top .all_colors blockquote:before { content: '\e833'; font-family: 'entypo-fontello'; position: absolute; left: 0; top: -8px; font-size: 28px; transform: rotate(180deg); }
#7. Please add this to Quick CSS:
.page-id-41 .pricing-table li:nth-child(2) { min-height: 112px; }
Best regards,
NikkoJanuary 27, 2022 at 4:19 pm #1337553Hi Till,
#8. Please add this CSS code:
#top .wp-caption { margin-bottom: 20px !important; }
#9. Please add this CSS code:
#top .avia-button .avia_button_icon { margin-right: 4px; }
#10. The divider element has the same top and bottom margin (both 30px), if you want to change it, please add this CSS code (just adjust the top or bottom margin values):
#top .hr { margin-top: 30px; margin-bottom: 30px; }
#11. The images inside the 1/2 column are left aligned, centering those images should fix it.
Best regards,
NikkoJanuary 28, 2022 at 1:07 pm #1337709This reply has been marked as private.January 30, 2022 at 6:53 am #1337893Hi Till,
It’s still the same on my end, I have posted a screenshot link in private content on what options are available on my end.
Best regards,
NikkoJanuary 30, 2022 at 11:53 am #1337905Hi Nikko,
just did the fix.
It should work now.
Kind regards,
TillJanuary 30, 2022 at 12:16 pm #1337906Hello Nikko,
just saved the CSS changes. They all don’t seem to be active.
I suppose there is a general problem which also applies to #1.
Thanks for your help in advance!
Till
February 1, 2022 at 10:22 pm #1338318Hi Till,
Thanks, it’s working properly now.
The problem that causes any changes in style in Theme Options not working properly is because of an unclosed CSS in Quick CSS:#header_main { /* Increase the top and bottom space */ padding: 20px 0;
After closing it, everything seems to work properly.
Please review your site.Best regards,
NikkoFebruary 8, 2022 at 1:53 pm #1339610Hey Nikko,
since updating the theme there seems to be a grave error now:
1. Links are not opening as they should. If you click “Zum Interview”, the same url opens again. https://www.tt-bewerbungsservice.de/bewerbung/interviews-bewerbung-jobs.html
2. On mobile devices the borders for quotes are still there.
3. Onb mobile devices there is an error with the Menu. If you click the last position in the menus, nothing happens. Click it again and you are directed to some else URL. I.e. “Bewerbung” -> clicking “Experteninterviews”, “Berufe A-Z” -> clicking “Bewerbung nach Elternzeit”.
Please help me!
Thanks.
Best wishes,
TillFebruary 8, 2022 at 9:51 pm #1339665Hi Till,
1. This is fixed, the extra apostrophe on the link is causing the link not to work, after removing it, it does work properly.
2. I can’t find the quotes but I made a test page for the blockquote and I don’t see any border on my end, please try clearing your mobile device’s cache and see if it helps.
3. It does work on my end except when you are in the current page which it does not do anything. Please try clearing the cache and see if it helps.Best regards,
NikkoFebruary 18, 2022 at 1:13 pm #1341338Hi Nikko,
unfortunately there are still some issues remaining. May I once more ask for your help?
1. The Links in the text still aren’t strong.
2. The mobile version still seems to differ from the desktop one:– The quotes are different and still have the bar which should be left away.
– The footer doesn’t look alinged.
– The menu doesn’t work. You can’t klick menu elements from hierarchy levels 1 and 2. Only the lowest hierarchy levels can be clicked. If you try to click “Bewerbung” or “Bewerbung -> Bewerbung -> Bewerbungsunterlagen” it does not work and either the menu toggles back or nothing happens.
– The Text of the headings still breaks the screen to the right.
– Info: I used different browsers on my Honor Smartphone, tried a second one and of course deleted the Cache.
– Text marked as “strong” in the main content receives the link color (blue). However it should stay the same text color as the other non marked text.3. The blogs main content looks utterly different wrt pages on the website. Is there any chance to adjust the blog main content settings to be like those used for pages?
4. I tried to implement JSON structured data elements. They are shown on the website. However Googles Rich Snippet Testing Tool does not recognize them. I also read this thread, but it didn’t work. https://kriesi.at/support/topic/adding-schema-to-enfold/ Information: I have another website using a different theme and there are no issues with the same plugin i am using to integrate JSON structured data there. Example where it is not working: https://www.tt-bewerbungsservice.de/bewerbung/deckblatt-muster-kostenlos.html. Here the plugin is working: https://www.hausverwaltung-ratgeber.de/die-sondereigentumsverwaltung-wohnungsverwaltung-fuer-vermieter.html. It must be an issue with the Enfold theme.
Thank you very much.
Kind regards,
TillFebruary 21, 2022 at 2:47 am #1341556Hi Till,
1. By default links aren’t bold/strong, I added a CSS code to make it in bold text.
2. Mobile version:
– I can’t seem to find the quotes, also I get logged out everytime I move to the next page, can you give us a link where this happens? also link for headings that breaks the screen to the right.
– The footer doesn’t look aligned because of the length of the link, I just made it to one column, please check.
– As for the menu, I could verify the issue, would it be okay if we disable plugins?
– Strong text have different colors so it’s easier to identify them, you can change the color in Enfold > General Styling > Main Content > Primary Color.
3. You can have control over the Blog page, by going first to Enfold > Blog Layout > set Blog Layout to Use the advance layout editor to build your own blog layout (simply edit the page you have chosen in Enfold->Theme Options as a blog page).
4. Does it happen only on a single page?Best regards,
NikkoFebruary 23, 2022 at 4:08 pm #1342013Hi Nikko,
1. Thanks a lot!
2. This problem with the quotes seems to have been solved. The text breaking issue, too.
The footer is generally ok, however the anchor text and the copyright text should be centered text, as the current format looks very untidy.
The Menu still doesn’t work properly on the mobile version. Sorry, please don’t disable plugins. It should be: Click on the text -> goto the page liked; Click on the arrow -> open the submenu That’s too risky for me. :(
3. Thanks.
4. It happens on all pages.
Just tried placing structured data with the xyz HTML plugin onto this page: https://www.tt-bewerbungsservice.de/bewerbung/deckblatt-muster-kostenlos/deckblatt-bewerbung-ohne-foto.html. Google Rich Snippet Testing tool doesn’t find the JSON structured data resp. the FAQ Data. And for https://www.tt-bewerbungsservice.de/bewerbung/deckblatt-muster-kostenlos.html I still receive the error message in the Google Search Console (my translation from German): No Parsing possible for Structured Data – Structured Data with Syntax Errors found -> Details: Wrong structure: “,” or “}” is missing.
I know this method I chose works for http://www.hausverwaltung-ratgeber.de. Please see an example: https://www.hausverwaltung-ratgeber.de/gute-hausverwaltung-suchen-und-finden.html. It must be the Enfold theme disturbing something, as this works fine on the other website.
Thanks!
Best,
TillFebruary 24, 2022 at 8:17 pm #1342182Additional information to No. 4:
It works here https://www.tt-bewerbungsservice.de/tabellarischer-lebenslauf.html. Just gave it a test.It seems to be an issue with this single page: https://www.tt-bewerbungsservice.de/bewerbung/deckblatt-muster-kostenlos.html
February 25, 2022 at 3:29 am #1342206Hi Till,
#2. Regarding the footer, I have already changed it to one column though the effect isn’t showing at the moment, I posted two screenshots in private content, one the actual CSS that is being used showing width of 50% and the screenshot of Quick CSS where it is already set to 100%. I think just like the other things when the cached files expires the changes will show up, since I could not see any caching plugin I think that the cache is generated by the server for optimization/performance.
#4. Can you try to create a new page similar to https://www.tt-bewerbungsservice.de/tabellarischer-lebenslauf.html and see if it works?
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.