Docs

[davidferp]

Hello X-Team!

I have some questions regarding a site I am developing (http://2c1bl.wpstagecoach.com):

1)In the Blog page I love the hover effect X gives to the post featured images. However, I would like to disable this effect on the featured images in single post view only. Is that possible?

2)Also in the single post view, I would like to get rid of the box around post images AND change the style used in image captions (now the captions appear as all-capitals and I would like switch to a normal style).

3)Finally, in the Gallery page (the portfolio) I would like to add some top padding before the page container, just enough so that the portfolio entries are not underneath the navbar when the page is loaded.

Thank you very much in advance!

By the way, I am currently developing on a staging server (http://2cameras1bucketl.wpstagecoach.com) on WordPress 4.5.1 running the X-Child theme (1.0.0) and the X-theme (v4.4.2) as parent.

Thanks a lot for your support!

[davidferp]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for writing in.

1. Yes possible, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.single-post .entry-thumb:hover img {
    opacity: 1!important;
}

2. Please add this too

.wp-caption, .gallery-item {
    max-width: 100%;
    border: 0px;
    padding: 0px;
    background-color: #fff;
}
.wp-caption-text {
    text-transform: none;
}

3. Please replace this CSS,

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0px;
}

with this,

body.home.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0px;
}

That will ensure that it only affect the home page. So other pages’ content will not offset under the navbar

Thanks!

[davidferp]

Hello there!

Thanks you for the fast answer!

1) The CSS works perfectly!

2) It works for the box part, but the style of the caption is still set to all-caps… Am I doing anything wrong?

3) I am unable to find

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0px;
}

in my custom CSS. Can you please help me here?

Thanks a lot for your time!

[Rue Nel]

Hello There,

2] To get rid of the all caps in the caption, you can make use of this code:

.wp-caption>.wp-caption-text, 
.wp-caption>.wp-caption-text:last-child, 
.gallery-item>.wp-caption-text, .gallery-item>.wp-caption-text:last-child {
    text-transform: none;
}

3] Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

body.home.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0px;
}

Please let us know if this works out for you.

[davidferp]

Hi!

Ok, now pont #2 is solved. Thanks!

Regarding point point #3, the code do not seem to work… I might not have been clear enough stating the problem.
What I want to do is the following (see attached image). I would like to add top padding in the portfolio page named Gallery so that the point marked with the red arrow shifts down to where the blue arrow points.

I am too picky, I know 🙂

Thanks for your help!

[Joao]

Hi There,

Please add the following code to Appereance / Customizer / Custom / CSS

@media  (min-width : 1024px) {
.page-id-7565 .cols-3  {
    
margin-top: 120px;
} 
}

Hope that helps,

Joao

[davidferp]

Thanks Joao, that worked!!

And thanks to the X Support Team for your patience!

[Thai]

You’re very welcome 🙂

If you need anything else please let us know.

[Author]

Posts