Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #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.

    #1355695

    Hey 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,
    Mike

    #1355744

    thx for your help, regarding point one:
    works fine i changed font family in general to Lato and font size 14px

    Topic 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.jpg

    regarding 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 page

    this 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 similar

    Thx for your help, Jürgen.

    #1355777

    Hi,
    Thanks for the links to your importetd post & new post design, with the following css I was able to achieve this result:
    2022-06-19_144508.jpg
    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,
    Mike

    #1355808

    Thank 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ürgen

    #1355826

    Hi,
    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,
    Mike

    #1355862

    I 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

    #1355983

    Hi,
    Thanks for the login, but I’m not able to login, please check
    FEHLER: Falscher Benutzername oder falsches Passwort.

    Best regards,
    Mike

    #1356025
    This reply has been marked as private.
    #1356028

    Although 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 this

    #1356031

    i 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 link

    PPS: ist das die Enfold Suchfunktion, die du einblendest? Weil normalerweise bei Enfold die img’s nicht mit in Suchergebnisse mit aufgenommen werden.

    #1356052

    gtranlate 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.

    #1356147

    Hi,
    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:
    2022-06-22_001.jpg
    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 “>”
    2022-06-22_002.jpg
    Typically this error occurs when the code is copied from an email instead of the fourm, I corrected for you.
    2022-06-22_003.jpg
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1356969

    everything 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 open

    #1356976

    Hi,
    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,
    Mike

    #1356999

    thx

    #1357000

    is there a way to better separate the individual widgets of a sidebar with a hyphen?

    #1357009

    Hi,
    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='']

    2022-07-01_002.jpg
    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;
    }
    

    the expected results:
    2022-07-01_003.jpg

    Best regards,
    Mike

    #1362247

    Hi 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-3

    Can 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; }

    #1362296

    Hi,
    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,
    Mike

    #1362301
    This reply has been marked as private.
    #1362322

    Hi 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

    #1362344

    Hi,
    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:
    2022-08-21_085520.jpg
    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 Styling

    Best regards,
    Mike

    #1362429

    Thanks Mike for your support, the header of the posts have now the right size. But there is no header in the search-result-page.

    #1362433

    Hi,
    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

Viewing 25 posts - 1 through 25 (of 25 total)
  • You must be logged in to reply to this topic.