Backgroud color | PenciDesign Support

Claire replied

2 years ago

Customer Reply

Got it. Thank you so much!

I'd say it's still a wonderful theme for me and I really enjoy it :)

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Unfortunately, the current version of Soledad doesn't support either of these requests.
We'll review and consider adding them in a future theme update.

Regards,
PenciDesign.

Claire replied

2 years ago

Customer Reply

Thank you again! I believe followings are the last 2 questions so far.

1. How can I prevent the style for H2/H3 from applying to headings on Pages. I want them to apply to articles only.

2. Is it possible that the Table of Contents reads HTML anchors? It now shows the heading texts, which may not be in English, and it will show garbled characters when copy and paste. For example, it shows "domain.com/article-title/#garbled-characters/". If I set HTML anchor for the headings, is it possible to become "domain.com/article-title/#html-anchor-I-set/"?

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (min-width: 961px) {
  #navigation .menu > li > a, .main-nav-social, #navigation.sticky:not(.sticky-active) .menu > li > a, #navigation.sticky:not(.sticky-active) .main-nav-social, .sticky-wrapper:not(.is-sticky) #navigation .menu > li > a, .sticky-wrapper:not(.is-sticky) .main-nav-social {
    height: 68px !important;
    margin-top: 0 !important;
  }
}

Regards,
PenciDesign.

Claire replied

2 years ago

Customer Reply

Thank you so much! They both work incredibly.

I just found that there is blank at the top of the text "Home" on the main menu on the home page, but it shows normally on other pages. Is there any way to solve it?

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.tags-share-box.tags-share-box-2_3 .penci-social-share-text {
  display: none;
}
.tags-share-box.tags-share-box-2_3 {
  padding-left: 0;
  padding-right: 0;
}

2. The issue is that you've added a custom background, which causes some heading layers to be overwritten. Please add the following CSS code to your site:

.heading1-style-5 .entry-content > h1::before,
.heading2-style-5 .entry-content > h2::before,
.heading3-style-5 .entry-content > h3::before,
.heading4-style-5 .entry-content > h4::before,
.heading5-style-5 .entry-content > h5::before {
  z-index: 0;
}

Regards,
PenciDesign.

Claire replied

2 years ago

Customer Reply

Thank you so much! It looks perfect now.

And one question, is that possible that I remove the icon and the text in the share box, as marked in the screenshot? Or can I change the icon?

Last, I applied style 5 for Custom Style for Heading 2 Inside Post Content. It worked before, but now the style somehow disappears. It just shows text only. Can you advise how I can fix it?

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.header-standard.standard-overlay-meta,
body.single article.post{
  background: #fff;
}
body.single article.post {
  padding-top: 30px;
}

2. About the Penci TOC, you should add the following content into the area that you want to show:

[penci-toc]

Regards,
PenciDesign.

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you configure it.

Regards,
PenciDesign.

Claire replied

2 years ago

Customer Reply

Thank you for prompt response!

However, after I added the shortcode, it does not show the toc. Only the texts show, as the screenshot "not toc in the sidebar".

I haven't used shortcode before, and I am not sure if I am doing it right. Screenshot "adding shortcode" is what I have done. Can you please help to check?

By the way, is there any recommendation for my original question, about the backgroud color?

Best,
Claire

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

1 & 2. Unfortunately, the current version of the Soledad doesn't support moving the TOC position. We'll add this option in the future theme update,

1.1. You can insert the custom position by adding the [penci_toc] shortcode,

3. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
  .penci-toc-wrapper.hide-table .penci-toc-title-toggle::before,
  .penci-toc-wrapper .penci-toc-title-toggle::before {
    content: "\\f11d";
  }
}

Regards,
PenciDesign.

Claire replied

2 years ago

Customer Reply

Great!

1. I enabled sticky table of contents, but found that it falls outside my container (shown as the green box in the screenshot "toc"), so I want to move it to the position of the orange box. Please advise if that's possible.

1.1. Beside CSS (if applicable), can I add the toc to any custom sidebar? This way, I can apply Left Sidebar for Single Posts Sidebar Layout. Please see screenshot "toc-sidebar" to be more clear.

2. Quite similar to the first question, I want to move the postition to the the orange box on mobile (while the desktop version remains in the left). Please check screenshot "toc-mobile".

3. Can I change the icon of toc on mobile, so that it can be more like the back to top button. Or if I want them to be circular icon, what should I do?

Many thanks,
Claire

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

You can post the question on this ticket.

Regards,
PenciDesign.

Claire replied

2 years ago

Customer Reply

By the way, I have another question about Table of Contents.

Can I ask you here, or I should sumbit another ticket?

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please send me your site URL.

Regards,
PenciDesign.

Claire started the conversation

2 years ago

Conversation Start

Hello,

I purchased the theme and now am exploring different features. I so far have some questions so here I reach out for your hand.

First, I want to change the background color of my website, while articles and tools in the sidebar (home page) remain white, as the screenshot "background color" shows.

Then, I also want to keep the article content in Single Post white. I currently change the color using CSS, but I want to know if there is any simpler way to have the same effect.

Current CSS as follows,
.single-header, .post-entry, .tags-share-box.tags-share-box-2_3, .post-related, .post-comments {
background-color: #FFFFFF;
}

Thank you for your help,
Claire