A few issues and questions

Support
#1

Hi Themeco,

Could you please help me with the following:

  1. Please, open the accordion item ‘‘services’’,(https://www.ponylab.studio/) than ‘‘what can we offer?’’ See? When you’re clicking on ‘‘What can we offer’’ page is scrolling down to the reviews.
    How could we fix that?

2.I have custom cursor. How to keep it still custom when hovering on the accordion items?

3.Please, check the image. How could I remove this black background on the portfolio items? I want it to be transparent.
I’m using the next shortcode as for now: [recent_posts count=“4” type=‘portfolio’]

4.When I’m hovering on the item from the previous shortcode i see a ‘’+’’ sign. How can I have our logo instead of that sign appear? I want the same result as when hovering on any item from this page:https://www.ponylab.studio/portfolio/

5.How to have a portfolio item fullwidth? For an example, check this item: https://www.ponylab.studio/portfolio-item/survival-road-logo/
How can I make so that all portfolio items will cover all the page, so it will look nicer + I’ll have more room to put staff on sides.

Thank you so much!

#2

Hi There,

1.) I can’t replicate this issue. See this: https://screencast-o-matic.com/watch/cbQIh7I2JD

2.) See this: https://screencast-o-matic.com/watch/cbQIhLI2J0

.x-accordion-heading .x-accordion-toggle {
    cursor: url(https://www.ponylab.studio/images/cur2.svg), auto;
}

3.) Unfortunately, I didn’t see that part on your page. Add it so we can inspect.

4.) See this: https://screencast-o-matic.com/watch/cbQI1VI2JA

.x-recent-posts .x-portfolio .x-recent-posts-img:before {
    content: url(https://www.ponylab.studio/images/logo.png);
}

5.) It’s container depends on X > Launch > Theme Options > Layout and Design: Site Max-width and Site Width. Feel free to adjust that settings. Note that it will affect all containers sitewide. Other option is too override it using CSS:

.single-x-portfolio .x-container.max {
    width: 100%;
    max-width: initial;
}

See this: https://screencast-o-matic.com/watch/cbQI1QI2Js

I have provided all those screencast to show you how to inspect element to check which selector and then overrides existing styles. Now for further design customization feel free to use same step.

Hope this helps.

#3

Hi Lely,

Thanks for the answers!

1.the problem was on the screencast but don’t mind, i’ve changed the layout. How can I make accordions edges rounded?

2.Fixed. Thanks!

3.Check on this test page please: https://www.ponylab.studio/test-page/
And also would like to remove the publish date info from there.

4.Fixed. Thanks!
5.Done. Thanks!
6.It looks like ‘‘share this project’’ feature plays as a border for all the content below it. Check the screenshot please:

Any way we could fix it so I’ll have more space, for an example,to put two images in 1 line?
I would also love to put this feature at the bottom of the page, not at the top.

And separate thanks for showing how the things are working! Great support!

#4

Hi There,

1- Please add the following code to Theme options CSS

.x-accordion-group,.x-accordion {
border-radius: 5px; 
}

3- Add the following code to Cornerstone | CSS of the specific page.

 .entry-wrap {
        background: none;
        box-shadow: none;
    }

6- Add the following code to Theme options CSS

.x-entry-share {
 
    border: 0px;
}

Hope it helps!

#5

Hi Joao,

1.not helping :disappointed:

2.Am I doing this right? Because as for now any changes after applying this code there.

3.Looks like not working.
Check this page for an example: https://www.ponylab.studio/portfolio-item/characters/
See? It have enough space for one more image there…

And I’ve placed it like this:

But as you see, any results…

#6

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#7

Hey Joao,

sorry for a long reply.
Here are the details:

#8

Hello There,

Thanks for providing the information.

1.) How can I make accordions edges rounded?
Please make use of this code instead:

.x-accordion-group,
.x-accordion-inner {
   border: none;
}

.x-accordion-heading {
    border-radius: 10px 10px 0 0;
}

.x-accordion-inner {
    border-radius: 0 0 10px 10px;
}


2.) Yes that is correct!

[recent_posts count="4" type="portfolio"]

If you want to hide the date, you can make use of this code:

.x-recent-posts .x-recent-posts-date {
  display: none;
}

3.) The portfolio item layout is divided in two columns. The content is on the left and the share project is on the right. To make it fullwidth and place the share project below the contents, please make use of this code:

.x-portfolio .entry-info,
.x-portfolio .entry-extra {
    float: none;
    width: 100%;
    margin: 0 auto !important;
}

Hope this helps. Please let us know how it goes.

#9

Hello!

Awesome, thank you for everything!

#10

Glad to hear we managed to help!