Docs

[Phil Y]

Hi guys
Could you help us get this right with the sidebar. We are using an essential grid module within the sidebar on 5 pages and the alignment is not as we would like.
URL 1
URL 2
URL 3
URL 4
URL 5

1. there is a 1px rule which is part of the sidebar we would like to loose that only on the pages where we use the essential grid.
2. reveal the right edge and bottom of the essential grid components which are being hidden by the sidebar at present
3. on the essential grid elements themselves we the hover sate is jumping up and down on rollover

Wordpress version 4.7
X Version: 4.6.2
Cornerstone Version 1.3.3

[Rupok]

Hi there,

Thanks for writing in!

#1 & #2. You can add this under Custom > CSS in the Customizer.

.x-sidebar .myportfolio-container ul.mainul {
  border: medium none;
}

#3. Not sure what you are referring and what you want to change. Would you clarify a bit?

Cheers!

[Phil Y]

Guys
awesome your solution worked a treat for #1 & #2 but I still have an issue with the bottom post the 1px rule is hidden on all URLs
#3. the hover state in the essential grid posts which has a ‘learn more’ button is jumping when you hover over it. It should be centred vertically in the frame but it appears in the lower half then jumps to the vertical centre or vice versa

#4. also the blue overlay in the essential grid posts is set up to overlay the image, however it exceeds the image area at the bottom in all cases.

same URLs as before
thanks in advance, love working with your theme

[Christopher]

Hi there,

Can you confirm that you are fully updated? (Theme and Plugins)

You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Please add this code :

.esg-entry-cover .esg-overlay {
    height: 98% !important;
}

Hope it helps.

[Phil Y]

Hi guys
Thanks for the latest code yes that did the trick for #4
now back to #1
would still like some help with with the container hiding the bottom post the 1px rule on all URLs where we are using essential grid in sidebar. see attached
and any guidance on #3
the hover state in the essential grid posts which has a ‘learn more’ button is jumping when you hover over it. It should be centred vertically in the frame but it appears in the lower half then jumps to the vertical centre or vice versa

thanks heaps

[Rue Nel]

Hello There,

Thanks for updating in!

1] The 1px rule could be part of the border or shadow. Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-sidebar, 
.site .x-sidebar .widget{
    border: none;
    text-shadow: none;
    box-shdaow: none;
    border-radius: 0;
}

2] The jumping button maybe part of your skin. Please edit the Essential grid skin and make sure that the position of the button is the same when you hover the item. Would you mind giving us an access to your dashboard so that we can check your essential grid?

Thank you.

[Phil Y]

Hi guys
thanks for your reply
re 1. your code has not been successful see screenshot attached

re 2. URL http://systemic-change.cloudns.cc/wp-admin
Username: Ph1lY0ng
Password: woSrASyE4sAuX%i#wQQrCBX&

Also you asked me to confirm on updates
Theme: Version 4.6.2
Plug ins: see attached

#5. can you tell me how the change the colour of the feature headlines on the home page http://systemic-change.cloudns.cc I have applied color style to this class:
h3.h-custom-headline.cs-ta-center{
color: hsla(10, 65%, 37%, 0.79);
}

[Rad]

Hi there,

#1 It seems to be okay from my end, it only happens while the window is resizing. It’s not a border issue at all, but clipping (grid overflowing its container) but it fixes itself once the animation/effect is done. The explanation I could think of is, it stuck during the animation on your end. What browser and device you’re testing it on? The animation is true since the grid respond as the container change.

#2 Hmm, it’s due to hover in and out are canceling each other. Example, hover triggers the animation and display the button. And hover out hide the button. BUT, as the button moves down it’s moving away to the focus of your mouse pointer, hence triggering the hover out in that process, hiding it. And the jumping effect happens (toggling in and out). How about changing the fade in direction? Like from bottom to top?

#5 Should be like this

.home .h-custom-headline {
color: hsla(10, 65%, 37%, 0.79) !important;
}

Thanks!

[Phil Y]

Hi Rad
#1 Yep it is a browser issue, Chrome is good Version 55.0.2883.95, and Safari Version 10.0.2 (12602.3.12.0.1) is compromising the whole experience, its buggy in all of those aspects

#2 okay I did a progressive tweak on the options as you suggested and got a pleasing result so thanks a heap

#5 when I placed the code in cornerstone it worked but when I come out of cornerstone the text is black the color in the customiser.I don’t want to change that as it is applied through out the site. Your thoughts on this please.

thanks in advance

[Phil Y]

Sorry Rad didnt realise it was oversize
cheers

[Christopher]

Hi there,

Please remove following code from both Customizer -> Global CSS and Cornerstone settings tab -> Custom CSS :

.home .h-custom-headline {
color: rgba(29, 54, 114, 0.81) !important;
}

Adjust heading color under ‘custom headline’ settings and save the page.

Hope it helps.

[Phil Y]

Hi Chris
did that and it didn’t change a thing see attached,
in cornerstone color applied yep you can see the color
view page reverts to black
🙁
thanks in advance

[Christopher]

Hi there,

I see what the problem is, since you’ve linked those headlines the CSS won’t work anymore. The CSS applies to heading tag while <a> tag should be targeted. Please add this CSS :

h3.h-custom-headline a {
    color: hsl(226, 58%, 36%);
}

Hope it helps.

[Phil Y]

Thanks Chris
U R A *
cheers

[Christopher]

You’re welcome.

[Author]

Posts