-
AuthorPosts
-
June 15, 2022 at 2:42 pm #1355347
I have several problems that I can’t solve with my rudimentary knowledge and I hope for your help.
1. in the search result list page the text is so small that you can not read it. I would like to have there the text size 14 open sans, both in the title and in the meta data as well as in the text excerpt.
see https: https://parkinson-journal.de/?s=Ern%C3%A4hrung&id=48699
Furthermore, I fail to design the search result page, especially with a sidebar on the right and a graphic in the header.
2. the same problem “font size” exists with the ajax search result list pages,
3. i have imported about 300 pages from another blog and would now have to match them in design to my self created posts. Basically it is the graphic in the header and the font size. Do I have to rework each page manually or is there a way to do the design adjustment once for all imported posts.
June 18, 2022 at 5:44 pm #1355695Hey Murmeltier,
Thank you for your patience and the link to your site, I see the search results content is 13px and the meta info is 11px.
But the font-family on your site is set to ‘glacial-indifference’ in your use any font plugin, do you want to use open sans for only your search results?
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#top.search-results #main p, #top.search-results #main .post-meta-infos * { font-size: 14px; font-family: 'open sans'!important; }
To add a sidebar on the search results page, enable the Sidebar Settings > Sidebar on Pages option and use the “Displayed Everywhere” widget area in the Appearance > Widgets panel.
There is not an option to add a graphic in the search results page header, but if you link to the image and a mockup we may be able to assist with some custom code.
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.For the 300 pages that you imported, do you only want to match the font size, or is it a drastic layout change?
Please link to one of the imported pages and one of the new pages that you want it to look like so we can examine.Best regards,
MikeJune 19, 2022 at 6:59 am #1355744thx for your help, regarding point one:
works fine i changed font family in general to Lato and font size 14pxTopic 2 search result page:
i sent you two screenshots, the page as it is and as it should be.the links of the media elements:
https://parkinson-journal.de/wp-content/uploads/2022/05/Headpic.png
https://parkinson-journal.de/wp-content/uploads/2022/06/Blueline-with-red-icon.jpgregarding the imported file
this is an example for the importetd post design: https://parkinson-journal.de/18-jahre-ohne-medikamente
at least i need the head pic and have to get rid of that social media links,the “dies könnte dich auch interessieren” part, and comment staff at the end of the pagethis is an example of my own post design :https://parkinson-journal.de/pingpongparkinson.
In an ideal world, both the imported and nay own posts look similarThx for your help, Jürgen.
June 19, 2022 at 8:50 pm #1355777Hi,
Thanks for the links to your importetd post & new post design, with the following css I was able to achieve this result:
Please try this code in the General Styling ▸ Quick CSS field:#top.single-post .template-single-blog .entry-footer, #top.single-post .template-single-blog .related_posts, #top.single-post .template-single-blog .comment-entry, #top.single-post .template-single-blog .post-meta-infos{ display: none; } #top.single-post .template-single-blog .entry-content-wrapper { padding-left: 10px; } #top.single-post .template-single-blog .entry-content-wrapper > .entry-content { box-shadow: 0 0 10px 0 rgb(0 0 0 / 23%); padding: 2%; font-family: glacial-indifference; font-size: 14pt; } #top.single-post .template-single-blog .post-title { text-transform: uppercase; letter-spacing: 1px; font-weight: 300; color: #222222; font-size: 28px; line-height: 1.1em; text-align: center; } #top.single-post .template-single-blog .post-title:after { content: url(https://parkinson-journal.de/wp-content/uploads/2022/06/Blueline-with-red-icon.jpg); display: inline-block; margin-top: 30px; } #top.single-post .container_wrap_first:before { content: url(https://parkinson-journal.de/wp-content/uploads/2022/05/Headpic.png); }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJune 20, 2022 at 6:53 am #1355808Thank you Mike for your great job. There are only two points left open that I can’t get solved.
Since the font “glacial…” in connection with the plugin “use any font” caused me more problems than it was worth I switched to the Google font “Lato”. This works fine for all other pages, but not for the imported pages. I have adapted your code accordingly
#top.single-post .template-single-blog .entry-content-wrapper > .entry-content {
box-shadow: 0 0 10px 0 rgb(0 0 0 / 23%);
padding: 2%;
font-family:’Lato’!important;
font-size: 14pt;but I seem to have missed something”, because the font size does not change.
see: https://parkinson-journal.de/18-jahre-ohne-medikamente
Furthermore the sidebar appears twice below each other.
Maybe you can help me.
Greetings from sunny Munich, JürgenJune 20, 2022 at 11:22 am #1355826Hi,
Thanks for the feedback, it looks like I made an error above and used “pt” instead of “px” on the font size, so try this:#top.single-post .template-single-blog .entry-content-wrapper > .entry-content { box-shadow: 0 0 10px 0 rgb(0 0 0 / 23%); padding: 2%; font-family: "Lato"; font-size: 14px; }
As for your widgets, you have:
newsbox-2
monsterinsights-popular-posts-widget-2
avia_fb_likebox-2
in the top widgets, and below all other widgets you have:
newsbox-3
monsterinsights-popular-posts-widget-3
avia_fb_likebox-4
note the numbers are different, so please check your widget areas for these added widgets and remove, if you can’t find them please include an admin login in the Private Content area so we can check.Best regards,
MikeJune 20, 2022 at 6:59 pm #1355862I could not solve the problem of font size and font with the insertion of the corrected code.
and
Sorry, but I could not follow the suggested solution for the double sidebar.
In the private sector, I have given you the data for an admin account.
A good reference site for testing is https://parkinson-journal.de/18-jahre-ohne-medikamente
best regards, Jürgen
June 21, 2022 at 11:49 am #1355983Hi,
Thanks for the login, but I’m not able to login, please check
FEHLER: Falscher Benutzername oder falsches Passwort.Best regards,
MikeJune 21, 2022 at 5:11 pm #1356025This reply has been marked as private.June 21, 2022 at 5:23 pm #1356028Although I have installed the font LATO via plugin and in the general styling as font, size 14 px (in the main theme as well as in the child theme) this setting is consistently ignored by WordPress. The font is not even available in the classic editor for manual selection.
What on earth have I done wrong? I hope you can fix thisJune 21, 2022 at 5:33 pm #1356031i think this comes from using gtranslate :
i only read about multiple widgets in conjuction with gtranslate.PS: bitte dringend um DSGVO kümmern. Da wird alles zu Google gefunkt bevor irgendetwas abgefragt und zugestimmt wird.
Click the linkPPS: ist das die Enfold Suchfunktion, die du einblendest? Weil normalerweise bei Enfold die img’s nicht mit in Suchergebnisse mit aufgenommen werden.
June 21, 2022 at 8:26 pm #1356052gtranlate deactivatetd is without an effect.
The search is “Ivory” not the enfold search. i disabled now the display of other results than pages or posts.June 22, 2022 at 1:09 pm #1356147Hi,
Thanks for the login, I see that you have added similar widgets to the Displayed Everywhere and Sidebar Blog sidbars, so this is why they are duplicated:
Try removing the widgets in Displayed Everywhere or move them to Sidebar Pages
As for your css I see that in your Quick CSS the “>” is showing as “>”
Typically this error occurs when the code is copied from an email instead of the fourm, I corrected for you.
Please clear your browser cache and check.Best regards,
MikeJune 30, 2022 at 5:06 pm #1356969everything works fine for me, only the widgets make problems.
if i want to have the right widgets in the search results i have to move them to “display everywhere. But then I get both the display everywhere and the sidebar blog widgets in the blog posts.
If I leave the display every widgets empty, the sideblog widgets are displayed correctly in the posts, but in the search results the completely wrong ones. If you need an admin account, the one from the last ticket is still openJune 30, 2022 at 6:26 pm #1356976Hi,
Thanks for the feedback, as I understand the “display everywhere” widgets are only for the search result pages and the “sidebar blog” widgets are only for blog posts?
I would recommend using the Widget Options plugin it will allow you to assign conditional logic to where the widget items show.Best regards,
MikeJuly 1, 2022 at 10:40 am #1356999July 1, 2022 at 10:44 am #1357000is there a way to better separate the individual widgets of a sidebar with a hyphen?
July 1, 2022 at 1:12 pm #1357009Hi,
You can add a Horizontal Ruler Separator shorcode in a custom HTML widget in your sidebar, here is an example:[av_hr class='short' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']
to reduce the padding and margin around the separator use this css in your Quick CSS:#main .sidebar .widget_custom_html { padding: 0; } #main .sidebar .widget_custom_html .custom-html-widget .hr-short { margin: 0; }
Best regards,
MikeAugust 20, 2022 at 5:47 am #1362247Hi Mike,
i moved the menu to the sidebar and two old problems came up again.
1. the search resault pages have no graphic in the header.
2. with the imported pages the header graphic is too big
see https://parkinson-journal.de/probieren-geht-ueber-studieren-teil-1-3Can you please correct that for me?
here is the current CSS code:
.widget {
font-size: 16px !important;
font-family: ‘Lato’!important;
}#top.search-results #main p,
#top.search-results #main .post-meta-infos * {
font-size: 18px;
font-family: ‘Lato’!important;
}
#top.single-post .template-single-blog .entry-footer,
#top.single-post .template-single-blog .related_posts,
#top.single-post .template-single-blog .comment-entry,
#top.single-post .template-single-blog .post-meta-infos{
display: none;
}
#top.single-post .template-single-blog .entry-content-wrapper {
padding-left: 10px;
}
#top.single-post .template-single-blog .entry-content-wrapper > .entry-content {
box-shadow: 0 0 10px 0 rgb(0 0 0 / 23%);
padding: 2%;
font-family: ‘Lato’!important;
font-size: 18px;
}#top.single-post .template-single-blog .post-title {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
color: #222222;
font-size: 28px;
line-height: 1.1em;
text-align: center;
}
#top.single-post .template-single-blog .post-title:after {
content: url(https://parkinson-journal.de/wp-content/uploads/2022/06/Blueline-with-red-icon.jpg);
display: inline-block;
margin-top: 30px;
}
#top.single-post .container_wrap_first:before {
content: url(https://parkinson-journal.de/wp-content/uploads/2022/05/Headpic.png);}
.rssSummary { font-size: 14px; }
a.rsswidget { font-size: 16px; }August 20, 2022 at 8:03 pm #1362296Hi,
I see that you moved the header to the sidebar, so this will change the solution, but the login you provided before doesn’t work now, please update.Best regards,
MikeAugust 20, 2022 at 8:41 pm #1362301This reply has been marked as private.August 21, 2022 at 6:36 am #1362322Hi Mike,
i changed the Link-Colours in the main content area and in the alternate content area. but there is no effect. What am I doing wrong?
best regards, Jürgen
August 21, 2022 at 2:58 pm #1362344Hi,
Thanks for the login, I changed the css for the header image to this:#top.single-post .container_wrap_first:before { content: ""; background-image: url(https://parkinson-journal.de/wp-content/uploads/2022/05/Headpic.png); width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: contain; } #top.single-post .container_wrap_first > .template-single-blog > .content { margin-top: 12%; }
please clear your browser cache and check.
On your home page I see the link color matches your chosen color:
try clearing your browser cache and check again.
If you want to change the color of the menu items, use the menu options at Enfold Theme Options ▸ Advanced StylingBest regards,
MikeAugust 22, 2022 at 7:47 pm #1362429Thanks Mike for your support, the header of the posts have now the right size. But there is no header in the search-result-page.
August 23, 2022 at 12:04 am #1362433Hi,
Thanks for the feedback, try adding this css to your Quick CSS:#top.search-results .container_wrap_first:before { content: ""; background-image: url(https://parkinson-journal.de/wp-content/uploads/2022/05/Headpic.png); width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: contain; } #top.search-results .container_wrap_first .template-search { margin-top: 12%; }
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.