Classic Tab text editing

Support
#1

Hello,

I enable classic Tab but the only items I can edit are add tab and change the name of the tab. There is dummy text but I cant edit it anywhere.

How to do that? Whare are the styles for tab fonts, design etc.?

thanks

Same problem for Accordion.

There is no way to add text.

#2

Hi there,

Thanks for writing around! Classic elements does not include advanced controls but you can change the design using custom CSS. To edit the text you’ll need to inspect the tab first (see screenshot)

Then click on the Content box to edit the text (see screenshot)

Hope this helps!

#3

You have advanced product but you are guys failing on basic elements that are importnat for me. Accordion and tabs must be on X theme editable elements. I have no use for most of the Classic elements.

Are there any other products or plugins I can add and use them via Content/Cornerstone interface to create nicely looking tabs and accordions.

Im very dissappointed.

#4

Hi,

Sorry to disappoint you, this is something we can add to our list of feature requests. This way it can be taken into consideration for future development.

For the mean time you can use Custom CSS to style those elements

For reference kindly check the videos below.


Hope that helps.

#5

Hello,

Im business owner not a programmer. I bouight this software as you advertised many features and elements. You show even accordion on your page.

You made an impression that non programmer can do many things.

There is no way I can dedicate any time to learn css.

I reckon, I was misled to believe that you have 42 cornerston elements of the same type. Most of them are basic to no use without css skills.

can you addresss my issues urgently and advise roadmap for accordion at least. I have 4-5 items to be listed in the accordion but it has to be flexible.

Also, I asked if any other plugins can be used from within xtheme that could allow for accordion and tabs?

#6

Hi,

There are many other plugins but we can’t recommend one as we haven’t fully tested it with our theme.

eg.


If you could provide us details on how you want your tab or accordion to look like (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a css code to achieve it.

Thanks

#7

Hi there,

Thank you for your reply, we certainly consider having more V2 (Advanced) elements along the way and we will complete the list of V2 elements in the future.

Meanwhile, I want to emphasize regarding the CSS language. Even with the best and most advanced tools at hand which will complicate the user interface and usage of the element for sure, you still need to learn CSS if you want to survive in the web world. It is not possible to cover all aspects of the customization in GUI controls and you will see cases that you want something and there is no control. That is the time you will need to go back to the roots which it will be the CSS styling. I totally understand that you are a business owner and may not have time to go deep into ins and outs of the CSS. But as you are already in the web business it is essential that you learn basics (No need for fancy stuff.) I suggest that you get started here:

https://www.w3schools.com/css/

Regarding your request, that is a pure customization and it is outside of our support scope, we will try our best to give you proper code for the Accordion to get you started with the customization but the tab request is too involved and unfortunately, we will not be able to proceed. You are always welcomed to get paid help from freelance developers in the X Facebook User Group.

The accordion Title font and color can be changed from X > Launch > Options > Typography > Heading as it is following the same settings of the heading of the whole website.

Also, add the CSS code below to X > Launch > Options > CSS:

.x-accordion-group {
    border-color: rgb(2, 174, 214);
    border-radius: 5px
}

.x-accordion-inner {
    border-color: rgb(2, 174, 214);
}

.x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: white;
}

.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle:hover {
    background-color: rgb(2, 174, 214);
}

The code above is not a complete customization but a getting started code to build your customization upon.

Thank you for your understanding.

#8

I am building my site for my own security business, I dont build sites for clients. There is misunderstanding.

#9

Totally understandable;e then the alternative we suggested to find a paid freelance developer will be a suitable choice for you.

Thank you.

#10

Hi,

When I see accordion or any other elements in your ad in Envato I believe that your X theme supports the depicted. And this my principle. I have been burned many times by developers selling on paper one thing but no or minimal content. This is my point. You may need to review the slogans in the ad in relation to the 42 cornerstone elements, seriously. I will survive without css. Since we tweaked many things I suggest to mark your ad with notes that the package is aimed at people with css skils. Will you do that?

#11

Hi there,

Noted that, please note that our theme and builder is a framework type which you can build anything you want. But sounds like what you’re looking is a wizard type development where all options are given and you only need to choose. That’s another type with bloated of features. An example is a color, you just need to change a permanent color and it just needs a line of color: #cccccc;, and you wish to have a color library just for that (it will become bloated especially if its purpose is to be permanent). Imagine the same color on every page load and it always loads your color library over and over for a small change you made, it could affect your site’s performance. Where in a framework type, it balances the wizard type options and hard-coded customization.

But I understand where you’re coming from and noted.

Thanks.

#12

Look I’m not trying to be a pain to anyone. I picked your classic accordion and I cant even align the name of the accordion to the left. It is so basic that must be included in the Classic accordion element. Really basic that doesnt exist in good product.

Please advise how to allign name of the accordion to the left and put + instead of arrow.

thanks

#13

Hi there,

In that case, we shall continue with custom CSS :slight_smile:

The accordion title is already aligned to the left, perhaps you wish to align to the right? Or wish to push the toggle icon to the right and so the title will be alone in the left? I just need a bit of clarification.

Thanks!

#14

No the title was positioned in the middle. I can adjust text in content using editor.

I have applied your code. i can see that titles are centric.

By the way is it hard to add function for only one accordion to show content and the other ones collapse.

#15

Hi there,

Hmm, I thought your provided URL was your site. Please provide your site’s URL that has this issue, maybe your site has broken element that center the texts affecting all relative elements.

Thanks!

#16

updated secure notes

#17

Hello There,

I have check the page and I found out that the accordion item titles were centered because you have set the section to align it’s contents to the center.

To resolve your issue and move the accordion titles to the left, please edit the page back in Cornerstone and click the column settings (the column which contains the accordion) and change the text alignment.

To change the arrow icon into a plus icon, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-accordion-heading .x-accordion-toggle:before {
    content: "\f067";
    transform: rotate(45deg);
    transition: all 0.3s ease;
}

.x-accordion-heading .x-accordion-toggle.collapsed:before {
    color: #d9d9d9;
    transform: rotate(0deg);
}

If you have added all those changes, you will have this:

Hope this helps.

#18

Thanks a lot for your kind understanding and great help.

#19

You’re most welcome!

#20

Im sorry to bother you again. It seems that heading alignment to left works on this page but when added new accordion to other pages the alignment is centre. what would be an issue?