Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 1, 2015 at 3:12 pm #512201
    richardelectrix

    Hi

    I want to change the font colour of these fields ….

    But I dont want it to be a site wide change. Only for this table within the accordion.

    Thanks

    October 1, 2015 at 6:12 pm #512331
    Elliott

    Hey richardelectrix!

    Drag a codeblock element to your page and add this inside.

    <style type = "text/css">
td { color: red !important; }
</style>

    Best regards,
    Elliott

    October 2, 2015 at 9:39 am #512644
    richardelectrix

    Sorry, I meant to say I only want the first column of the table to have different coloured text.

    The default table works how I want it but as soon as I copy it into an accordion, the formatting on the first column text is lost.

    October 2, 2015 at 7:43 pm #512989
    Elliott

    Hi!

    Use inline styles.

    <span style = "color:red;">Some text</span>

    Best regards,
    Elliott

    October 5, 2015 at 1:46 pm #513755
    richardelectrix

    Hi

    Thats what I thought too. This is my current code ….

    [av_table purpose='tabular' pricing_table_design='avia_pricing_default' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table']
[av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Material</strong></span>[/av_cell][av_cell col_style='']Stainless Steel (see specs of individual products for grade information)[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Thickness</strong></span>[/av_cell][av_cell col_style='']1.2 mm (minimum)[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Finish</strong></span>[/av_cell][av_cell col_style='']Polished or Satin (Brushed)[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Lengths</strong></span>[/av_cell][av_cell col_style='']3.0 m[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Rating</strong></span>[/av_cell][av_cell col_style='']See specs for individual products[/av_cell][/av_row]
[/av_table]

    But the first column text is displaying like this …

    http://screencast.com/t/pGerdr5OAy

    The first column text should be #007ab6 which is a blue colour.

    October 5, 2015 at 4:19 pm #513894
    Yigit

    Hey!

    Please add following code to Quick CSS 

    td span strong {
    color: inherit!important;
}

    Cheers!
    Yigit

    October 5, 2015 at 4:23 pm #513896
    richardelectrix

    Perfect!!!

    October 5, 2015 at 4:23 pm #513897
    richardelectrix

    Do i still need the SPAN around the text in the table? Or will it inherit it from the default table?

    October 5, 2015 at 4:27 pm #513898
    Yigit

    Hi!

    It is better to keep it. If you would like to remove it, please edit your element an give it a custom CSS class – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    and then change the code to following one 

    .your-custom-class td strong {
    color: inherit!important;
}

    Best regards,
    Yigit

    October 6, 2015 at 11:06 am #514286
    richardelectrix

    Thanks – this can be closed.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to change the font colour of text within table within accordion’ is closed to new replies.