Docs

[SupaChan]

Hey guys!

I’m trying to update x to the latest version from V3.2.2 as its been ages since I have updated!!! I am using a child theme which I have been using for my main design, however whenever I have tried to update the parent X theme my child theme gets broken – even after deactivating X-Shortcodes plug in and activating the Cornerstone plug-in.

I have been trying to use the forum as best as I can to try and figure out how to do this without breaking my site but no matter what I do my child theme is broken once I update the X parent theme. The layout is all over the place, as well as the styling is not being carried over – and to be quite honest it just looks ugly compared to how I want it to look!

I am thinking this is because the custom css I created is no longer being properly detected, maybe because the codes/classes/etc have changed so they are not being referenced properly now? I have successfully updated everything I have been told to update via the WordPress interface, such as all plug-ins, as well as WordPress itself, the only thing left to do is update the X theme itself!

I have made sure to have backups of my site, as well as my css, so for the time being I have restored my website to X version 3.2.2 with all other plug-ins etc up to date – and my website is working perfectly the way I would like it to and the styling issues have been reverted. However I would like to be able to update the website and be able to take advantage of the new features you guys are providing us if i wanted, not to mention I would like to just be able to fiddle around with the new cornerstone interface!

How do I go about switching my current website’s customization to work in cornerstone? I hope its just a matter of changing a couple tags in the custom css/child theme css but I cannot figure it out!!!! I have tried going over the knowledge base but I cannot find anything other than deactivating X-Shortcodes once Cornerstone is activated.

You guys have helped me figure things out before I hope you can help me with this as its the biggest issue I have encountered so far!!! I was hoping you guys could look into it and set me in the right direction!

I hope to hear back from you guys soon…

Sean

http://seanchandesign.com/wordpress/
WordPress 4.7.2
X Theme 3.2.2
X Shortcodes 3.0.4

[SupaChan]

This reply has been marked as private.

[Christopher]

Hi there,

I’m sorry you’re experiencing this after the update. What you’re seeing is a result of the X CSS path structure being changed back in version 4.3.3. You can fix this by using the updated child theme format that isn’t stack specific. Or you can update the path in style.css of your child theme. For more information on this process, take a look at the 4.3.3 release notes: http://theme.co/changelog/#theme-4-3-3

Hope it helps.

[SupaChan]

Thank you so much for the speedy reply… Now I have an idea of what I need to do…

Is it ok that I ask you not to close this thread just yet as I may have some issues pop up when I work on the fixes suggested tomorrow?

[SupaChan]

Thanks again for your help… surprisingly it went pretty well… I switched to the new child theme and managed to get most of it working again, there are just a couple things I need to tweak.

I am worried that some of my custom CSS/Javascript in the theme appearance->customize->css area is obsolete or referencing ids/classes that are now renamed something else… instead of copying and pasting the entire css file do you think you could login to my admin area and go over the CSS/Javascript to see if there are any references that need to be updated?

Specifically the /*STYLING RECENT WORK*/ section of css code – it should mirror the styling of the portfolio page as it did before the change (on the homepage in the recent work section, the hover state is showing blue instead of black (like the portfolio page) and the icon is cut off?)

Secondly the /*REMOVE RIGHT CLICK FROM VIDEO*/ section of css code is no longer working too – It should block viewers from right clicking on the video and being able to save the video as it did before

It seems the child theme’s style.css and functions.php code works as it should at least!

[Christian]

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[SupaChan]

Hello again,

I managed to get the video right click stuff to work after some research and some trial and error… I ended up disabling the ability to right click on the entire site and disabled the video clicking area as well… this fixed this problem!!!

As for the recent work hover styling…I understand what you are saying about the customization and that its not generally supported… but you helped me with this previously and I have tried my best to figure out how to fix those issues on my own and I am having issues, I just thought i would ask for support as you guys have provided me with the solutions to try on my end which I have then been able to figure out how to fix using your tips.

Here is the previous support thread where you guys helped me out for reference…

https://community.theme.co/forums/topic/possible-for-portfolio-section-on-one-page-nav-not-using-recent-post/

I am just trying to figure out what has caused the css to not fully be implemented… I am wondering if an id/class needs to be switched and if its just a simple change I just cannot figure out what it is!!! This is the last step before my website is 100% updated and working as I want it… PLEASE ADVISE!

Is the X theme still using the following ids/classes/etc? (like “#x-content-band-11” “.home” “.x-recent-posts-content” etc?) Here is the css that I am wondering needs to be adjusted:

.home #x-content-band-11 .x-recent-posts-content .x-recent-posts-date {
    display:none;
}

.home .x-recent-posts a {
    border: 0px;
    padding: 0px;
}

.home #x-content-band-11 .x-recent-posts-content {
padding: 1.65em 0.75em;
    text-align:center;
    background-color: #121212;
    box-shadow: inset 0 -0.125em 0.5em 0 rgba(0,0,0,0.85),0 3px 2px -2px rgba(255,255,255,0.075);
}

.home #x-content-band-11 .x-recent-posts-content h3 {
    font-size:18px;
    font-weight:400;
}

.home #x-content-band-11 .x-recent-posts-img::before  {
   content: '';
   background: url(http://seanchandesign.com/wordpress/wp-content/uploads/2015/02/icon-link2015.png) no-repeat center center transparent;
}

.home #x-content-band-11 .x-recent-posts-content h3:hover {
color: #3ea1d9;
}

.home .x-recent-posts a:hover .x-recent-posts-img,
.home .x-portfolio-filters:hover {
	background-color: rgba(0,0,0,0.5);
}

.home .x-recent-posts a:hover img {opacity: .2;}

It just seems like some of the css isnt being implemented but the majority of it is!!! I am so confused as to why this is happening… literally all i would like to do is change the hover to be black instead of blue and for the hover icon to not get “cut off” in the homepage recent work section. If you guys could maybe just tell me the proper css tag that I am supposed to use that would be great!

[Rue Nel]

Hello There,

Thanks for updating in! The custom logo icon is a bit cut off. To resolve this, please have your custom code updated and make use of this instead:

/* Custom Hover Icon*/
.entry-thumb:before {
   content: '';
   background: url(http://seanchandesign.com/wordpress/wp-content/uploads/2015/02/icon-link2015.png) no-repeat center center;
   background-size: contain;
}

You should have something like this:

If you want to change the background color as you hover the recent post item, you can make use of this code:

.x-recent-posts .x-recent-posts-img:after {
    background-color: rgba(0,0,0,0.65);
}

And you will have like this:

Hope this helps.

[SupaChan]

HEY MAN THANK YOU SO MUCH I believe this is just what I need in order to fix this…you guys are honestly the best with the speedy replies!!!

[Rue Nel]

Hello There,

Thanks for updating in! Glad it works out for you. As for your custom css codes, please keep in mind the .home and #x-content-band-11 were used so that the code will only affect the homepage particularly in the content band #11. Unless otherwise, you want the code to affect all pages and contents, then you may remove it. I must tell you that it might give some conflict with other content band as a result.

Hope this explains briefly.

[SupaChan]

Thanks for explaining… I figured that out with some trial and error too so I am just going to leave it as its working as I want it to.

LAST BUT NOT LEAST… When I hover the thumbnail images in the recent work section… The Text urls change to blue, can you help me figure out what tag I need to target in order to mimic this effect on the portfolio page when I hover the thumbnails?

I tried to use variations of hovers but I cannot figure out how to get this to work.

Thanks again for all your help!

[Rue Nel]

Hello There,

Thanks for updating in! To change the hover color of the text, you can make use of this code:

.x-recent-posts a .x-recent-posts-content h3 {
  color: red !important;  
}

.x-recent-posts a:hover .x-recent-posts-content h3 {
  color: blue !important;  
}

Hope this helps.

[SupaChan]

Sorry I think you confused me, I meant that I want the same thing to happen with the code you just gave me just on the portfolio page instead!

So that when Im on this page http://seanchandesign.com/wordpress/portfolio/

When I hover the thumbnails the text Urls change to blue (So it mimics what it does on the home page with the Recent work thumbnails – the homepage already works the way I want it to)

Thanks again!

[Christian]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.page-template-template-layout-portfolio .x-portfolio:hover .entry-title a {
    color: #3ea1d9
}

Please note that the code we give here serves only as a guide for you to continue tweaking and maintain it. Since it is not part of the core X and Cornerstone code, we could not give further support for it.

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer.

Thanks for understanding.

[SupaChan]

Thank you guys very much… yes all I needed was a little bit of guidance… I couldnt figure out the correct tag to use but now it makes sense… From this I can figure out the rest… I really appreciate all the help!!!

You can go ahead and close this thread now – THANKS!

[Author]

Posts