Questions about tweaking styles

[bartenderonduty]

Hi Themeco Team,

I have a few questions about tweaking a few elements in X Pro:

1. I’m using a text element in the footer, with the text hyperlinked. Within the text element editor, I set the Base/Interaction colors of the text to gray/white, but it’s picking up the default red/red Site Links colors under the Theme Options. Can you suggest a way to override this for a specific text element so it uses the colors set in the element instead?

2. What’s the best way to customize tables in X Pro? I’m specifically looking to add a border to the top of my table (it’s missing in the default table) and set each column width as a percentage (they’re currently ‘fixed’ width). Are there any settings options in X Pro that control the appearance of tables?

3. How do you change the size and line height of text headings (H1, H2, H3, etc.) in X Pro? For some reason I can’t seem to find the settings for these in the theme options. I found a help article from 2017 that said headline sizes need to be adjusted by CSS, but this seems like something that should be baked into the theme at this point.

Thank you!

[ruenel]

Hello @bartenderonduty,

Thanks for writing in!

1.) If you use the Text element, it will have its own Text Format options like the font family, font size, color, etc in the Text element settings. If you add a link on a text content inside the Text element, the link will follow the global site link settings from the Theme Options. Based on the screenshot, I would say that the Text element is not the best one to use if you want to display a text link. It is highly recommended that you use the Button element instead. Just disable the border radius, box shadow, padding, etc. to make it look like a text link and not a button. You will have more control on the Button element like the link color, hover color and even apply effects animation on it.

2.) The HTML Tables has unique built-in styles on which stack (Integrity, Icon, Renew or Ethos) you use. Customizing it to apply borders, colors, custom widths, etc. is only possible with custom CSS. Be advised that this is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

3.) The font size and line of the headings will still use custom CSS if you want to change theme. We highly recommend that you use the Headline element in your page instead to have a customize heading elements on a page.

Best Regards.

[bartenderonduty]

Got it. Thank you, @ruenel!

[marc_a]

Hey @bartenderonduty,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

[bartenderonduty]

Hey Themeco Team,

I have a follow up question about question 3 above… I use the headline element throughout my site. However, with Posts, I use the WP post editor, so headlines are appearing very large. I’m specifically looking for a way to control the size of headlines within posts. Can you suggest a way to target only post headlines and not any other headlines that have been added with the headline element?

Thank you!

[tristup]

Hi @bartenderonduty,

You can add the following custom CSS code into the Theme Options > CSS to change only the Headline element in the posts.

.single-post .x-text-headline h1
{
    font-size: 10px !important;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks

[bartenderonduty]

Thank you again!

[marc_a]

Hey @bartenderonduty,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.