wordpress - Wordpress + Flatsome Theme Appearance Display Limitation

Question

Using the Flatsome theme I have a few questions and would like to try and get them solved myself, is this the manner in which I should direct those questions?

I'm running WooCommerce I'd simply like to know how to make the breadcrumbs bar a little smaller where it displays the name.. on the single product page it looks great but I see no settings to edit it on the display list, i can show you a screenshot of the problem here (ALSO I WANT TO CHANGE THE WHITE BACKGROUD WHERE IT SAYS "HEADSHOP" TO SOMETHING MORE MATCHING) -- THERE ARE NO OPTIONS FOR CHANGING ANY OF THIS?

I'd really like to be able to edit this area and I'd like to gain more access to it, this theme appearance editor area wont let me do it, I've tried and tried to no avail!

With that being said, this is just the display of all the main products.. What throws me off is that in the Single Product page it formats exactly the way I want it to on all pages, see example here..

标签： wordpresswoocommercewoocommerce-theming

Answer 1

我不是专家，但我建议您将网站的 URL 设为最低限度，因为如果没有您尝试过的内容或网站的代码，将很难为您提供帮助。

跟随问题，您可以使用一些 CSS 降低容器的高度。默认情况下，两个边距（在本例中为填充）都是 20px，所以我只是将它们减少到 0。

.featured-title .page-title-inner {
    padding-bottom: 0px;
}

.page-title-inner {
    position: relative;
    padding-top: 0px;
    min-height: 60px;
}

这就是边距修改后的样子。 https://i.stack.imgur.com/r7KX7.jpg https://i.stack.imgur.com/bMmNd.jpg

但是，我仍然不明白是什么让文本在容器中保持如此之高。

要更改该按钮的背景颜色，您可以修改 CSS 属性。

.nav-tabs > li.active > a {
    background-color: red;
}

这就是它的外观。

因此，您只需要将 CSS 放入您的主题中。如果我的回答对您有所帮助，请考虑将其标记为答案。