[Tatyana1981]

Пожалуйста, помогите мне решить проблему. Я долго с этим боролся. Страница, на которой отображаются все результаты поиска, неверна. Он показывает огромные изображения вместо более мелких. Изображения настолько большие, что одно изображение занимает всю страницу, и больше ничего не видно. Где я могу изменить размер этих изображений? И как сделать так, чтобы результаты поиска отображались в 3 колонки? Пожалуйста, помогите! Заранее благодарен.

[Sakin]

@tatyana1981: Can you post your site URL and I will check the search result on your website.

[Tatyana1981]

Добрый день! Спасибо за ваш ответ!
СИРИУС-СПЕЦОДЕЖДА – сайт и магазин спецодежды в Самаре

[sujapati]

@Tatyana1981:  Пожалуйста, добавьте следующий CSS на ваш сайт, чтобы изменить размер изображений и отобразить результаты поиска в 3 колонках:

img {
    height: auto;
    max-width: 100%;
}
.search-results #content article {
    background-color: transparent;
    padding: 20px;
    border: 1px solid #d8cdcd;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px ;
}

@media screen and (min-width: 992px) {
    .search-results #content>header, 
    .search-results #content>nav, 
    .search-results #content>div {
        grid-column: 1 / -1;
    }
    .search-results #content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px;
        margin-bottom: 35px;
    }
}

Не стесняйтесь обращаться, если вам потребуется дополнительная помощь.

[Tatyana1981]

Good afternoon! Thank you. I have added this code to the CSS file, but there are no results. Nothing happens, and everything stays the same as before. Perhaps it needs to be added earlier or later? I added it at the end, but there was still no result.Currently, the code is added from line 1500, please check the results.What else can be done? Please help.

/* Images */
.entry-content img,
.comment-content img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
    height: auto;
}
img {
    height: auto;
    max-width: 100%;
}
.search-results #content article {
    background-color: transparent;
    padding: 20px;
    border: 1px solid #d8cdcd;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px ;
}

@media screen and (min-width: 992px) {
.search-results #content>header,
.search-results #content>nav,
.search-results #content>div {
    grid-column: 1 / -1;
}
.search-results #content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    margin-bottom: 35px;
}
}

.widget img {
    height: auto;
    max-width: 100%;
    text-align: center;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
img.size-full,
img.size-large,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

[sujapati]

Hello Tatyana1981,

The code I provided isn’t displaying in the browser, but I found it present in the CSS file upon inspection. It looks like there’s a missing closing brace (}), which might be the reason the styles aren’t being applied on the site. Please refer to the screenshot below for details.
Код, который я предоставил, не отображается в браузере, но я обнаружил его в CSS-файле при проверке. Похоже, отсутствует закрывающая фигурная скобка (}), что может быть причиной того, что стили не применяются на сайте. Пожалуйста, посмотрите скриншот ниже для подробностей.

Add bracket after text-decoration: none; just like shown on screenshot below.
и добавьте скобку после text-decoration: none; как показано на снимке экрана ниже.

and also search the code below and remove extra comma from there.
а также найдите этот код и удалите там лишнюю запятую

/* No Sidebar One Column */
.one-column.no-sidebar .site {
    width: 750px;
    margin: 0 auto;
}
,

Kind Regards,
Sujapati

[Tatyana1981]

Good day, dear friend!

I did everything as you said, and it’s wonderful! Everything turned out great, super! I sincerely thank you.

Please allow me to ask a couple more questions about this same page. How can I set the output of results to 24 items per page? It would look great in this table. Right now, it displays 10 items.

Please, one more question. After the image, there is a long description. Help me make it shorter; 10 words would be enough.

And it would be great to make the “more” tag blue; otherwise, everything merges into one continuous text.

I also noticed that there is no “next entries” link on the first page, but there is a “previous entries” link instead. When I click on “previous entries”, it opens the next search results. And here, when I click on “next entries”, I end up back at the beginning. So, to see further results, you have to scroll back to “previous entries” instead of “next entries”. This doesn’t quite make sense. )) I don’t know how clearly I explained. If it isn’t too much trouble, please help me with this question too. I am very grateful to you!

[sujapati]

Dear Tatyana,

Glad to know it worked out well! Regarding your other queries, please see the details below:

i. Displaying 24 items per page
Go to your Dashboard → Settings. Under “Blog pages show at most”, enter the number of posts you’d like to display per page (e.g., 24).

ii. Making the description text shorter
Navigate to Customize → Theme Options → Excerpt/More Tag Settings.
Look for the “Excerpt Length” field and set it to the desired number of words (e.g., 10 to show only 10 words in the description).

iii. Changing the ‘More’ link text color to blue
Add the following CSS code:

a.more-link {
    color: #1609b5;
}

iv. For the navigation links:
WordPress uses built-in pagination to navigate between posts. On the first page (displaying the most recent posts), only a “Previous Posts” link is visible, which leads to older posts. There’s no “Next Posts” link since no newer posts exist.

Let me know if you need help applying these changes!

Kind Regards,
Sujapati

 

[Tatyana1981]

Good day, dear friend!

I have made all the changes to the website and it turned out very well. Super!

I sincerely thank you for your help and support!

I wish you a wonderful day!

[sujapati]

Dear Tatyana,

I’m really glad everything worked out for you! If you’re happy with the theme and the support I provided, would you mind leaving a quick review?

https://wordpress.org/support/theme/catch-flames/reviews/#new-post

Just a sentence or two would go a long way and help others know what to expect. Thanks so much!

Kind Regards,
Sujapati

[Tatyana1981]

Yes, of course, I will gladly leave a positive review!

[sujapati]

Thank you so much Tatyana. We truly appreciate the trust you’ve placed in both our theme and our team. Looking forward to continuing our collaboration.

[Author]

Posts