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; }
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?
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?
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?
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:
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?
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; } }
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/"?
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.
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
Attached files: background color.png
Hi,
Please send me your site URL.
Regards,
PenciDesign.
By the way, I have another question about Table of Contents.
Can I ask you here, or I should sumbit another ticket?
Hi,
You can post the question on this ticket.
Regards,
PenciDesign.
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
Attached files: toc.png
toc-mobile.png
toc-sidebar.png
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.
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
Attached files: adding shortcode.png
no toc in the sidebar.png
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.
Hi,
1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
2. About the Penci TOC, you should add the following content into the area that you want to show:
Regards,
PenciDesign.
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?
Attached files: sharebox.png
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.
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?
Attached files: space.png
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.
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/"?
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.
Got it. Thank you so much!
I'd say it's still a wonderful theme for me and I really enjoy it :)