Docs

[yousa]

I just took the leap of faith and bought the X theme and so far I’ve been extremely happy with it so far 🙂

Getting used to Cornerstone and Customize after using Headway (what a pain in the ass) is taking a bit of time but I’ve already solved a bunch of kinks thanks to the old posts here at the forum and the incredibly helpful and quick to response staff!

I got an embarrassingly long list of kinks that I was not able to find working solutions from the community.

I’d like to ask for your help. I understand some css and enough html to copy paste things in the custom global css place in the Customize area.

I’m running the site on local host at the moment so don’t have an URL to give but attached are a few screenshots to give you an idea what I want to be able to do (note these are Photoshop mockups).

1. How can I put a grey body background and say white background only under blog content and remove the “blurry shadow”?

2. How can I display a sidebar (where I can use widgets) only on blog/posts and single post but NOT on pages?

3. How can I create PAGES that are full width with white background and still have the blog that is 90% width with a grey background (container background white)? I’m only able to have the sider bar on pages and posts but no just on post.

4. How do I remove the pesky little page title?

5. How do I remove the (+) sign and the triangle on the upper right hand corner of the navbar that opens up a box?

6. How do I remove author, date, category and comments from posts page and singe post pages?

7. How can I create a static page with a content made with Cornerstone on top and below that a featured post (including image, title, and X length excerpt), then display the next 3 posts as the masonry mode (without excerps, only image and title with significantly smaller title) and then the next 10 posts same way as the featured post? And have rectangle sharp edges on the everything instead of rounded?

8. How can I do this same thing on the blog index page?

9. How can I insert a post in between other posts, that’s just an image which instead of opening up the blog post, opens up a specific page?

10. How can I remove the “link” image that shows up when you hover over a blog featured image and replace it with custom text? And how do I edit the transparency level of the color block sitting on top of the image?

11. How can I set a layer on an image that makes it b&w and has a 40% transparent black color block on top which on hover turns into a bright color image on the custom images on my sidebar and featured blog photos?
As here:
http://viewfromabluemoon.com/synopsis/

12. How to change the color of the scroll up arrow?

I understand this is a major request list and I am so grateful for any help and advice 🙂
Thank you!

[Joao]

1. How can I put a grey body background and say white background only under blog content and remove the “blurry shadow”?

Hi There I am not sure what blurry shadow you are referring to, since your website is not online, please look throughout or demo examples and provide a similar link.

Home

2. How can I display a sidebar (where I can use widgets) only on blog/posts and single post but NOT on pages?

Hi There, you need to go to Appereance Customizer Layout an design and setup your website layout with a side bar. After that on the pages you dont want a sidebar you need to click Edit Page on the WordPress top admin bar, once you are at the backend editor you need to go to Page Attributes > Templates (Just below blue update button) and select Blank No Container Header Footer.

3. How can I create PAGES that are full width with white background and still have the blog that is 90% width with a grey background (container background white)? I’m only able to have the sider bar on pages and posts but no just on post.

Same as before but Blank Container Header Footer

4. How do I remove the pesky little page title?

Are you refering to the breadcrumbs(inside a grey box just below the navbar) If yes go to Appereance Customizer Header and deactivate Bread Crumbs.

5. How do I remove the (+) sign and the triangle on the upper right hand corner of the navbar that opens up a box?

Appereance Customizer Header Turn of Header Widgets

6. How do I remove author, date, category and comments from posts page and singe post pages?

We need a URL to help you with that, , since your website is not online, please look throughout or demo examples and provide a similar link.

7. How can I create a static page with a content made with Cornerstone on top and below that a featured post (including image, title, and X length excerpt), then display the next 3 posts as the masonry mode (without excerps, only image and title with significantly smaller title) and then the next 10 posts same way as the featured post? And have rectangle sharp edges on the everything instead of rounded?

We need a URL to help you with that.

8. How can I do this same thing on the blog index page?

I am not sure what you are refering to, please clarify.

9. How can I insert a post in between other posts, that’s just an image which instead of opening up the blog post, opens up a specific page?

If you are refering to your blog page that would not be possible, I recommend to emulate a blog page using recent posts element on Cornerstone, that way you can add the content as you like.

10. How can I remove the “link” image that shows up when you hover over a blog featured image and replace it with custom text? And how do I edit the transparency level of the color block sitting on top of the image?

Please refer to : https://community.theme.co/forums/topic/hover-customization-recent-posts-thumbs-portfolio-thumbs-and-some-link-problems/

11. How can I set a layer on an image that makes it b&w and has a 40% transparent black color block on top which on hover turns into a bright color image on the custom images on my sidebar and featured blog photos?
As here:
http://viewfromabluemoon.com/synopsis/

Please refer to this link as a reference : https://community.theme.co/forums/topic/image-hover-3/

12. How to change the color of the scroll up arrow?

Please add the following code to Appereance Customizer Custom CSS

footer.x-colophon.top {
   color: red;
}

Please upload your site do a staging environment in order that we can help you with further customization.

Thanks

Joao

[Author]

Posts