Okay
  Public Ticket #2992846
Changing the colour of text in text boxes
Closed

Comments

  •  6
    Sitki started the conversation
    March 1, 2022 at 9:07pm

    Hi,

    Apologies, but a very basic request here ...but can't seem to get to the bottom of it.

    I simply wish to change the colour of text within a text box ...this seems very straight forward in other boxes -like 'split line headers' ...but not a simple text box.

    Can you please explain why this is ...or preferably how to change this?

    Thanks

    James

  •  8,839
    Tahir replied
    March 2, 2022 at 7:45am

    Hey Sitki,

    You need to Change the Color using the TinyMCE feature:  

    3434959295.pngClick on Image to View Larger

    Thanks 

    ThemeNectar Support Team 

  •  6
    Sitki replied
    March 2, 2022 at 2:27pm

    Thank you Tahir, that worked nicely 

    On a separate matter (but colour related), I have used one of the showcase templates -but can't seem to change the colour of the hover text to black (can only remain white) ...please see attached.

    Is there a way round this?

  •  1,877
    Judith replied
    March 2, 2022 at 3:01pm

    Hi Sitki,

    Please send in your website url so that we can check this out.

    Thanks.

  •   Sitki replied privately
  •  1,877
    Judith replied
    March 2, 2022 at 4:29pm

    Hi Sitki,

    Please try this css:

    .nectar-fancy-box[data-style=default] .inner *, .nectar-fancy-box[data-style=hover_desc] .inner *, .nectar-fancy-box[data-style=parallax_hover] .inner * {
        color: #000;
    }

    Thanks.

  •  6
    Sitki replied
    March 2, 2022 at 10:42pm

    Thank you Judith,

    Apologies, I'm a novice when it comes to code. How do I implement this into that template?

    Thanks

  •  8,839
    Tahir replied
    March 3, 2022 at 6:46am

    Hey Again,

    Try adjusting the "Text Color" in the Row Settings or 

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-fancy-box[data-style=default] .inner *, .nectar-fancy-box[data-style=hover_desc] .inner *, .nectar-fancy-box[data-style=parallax_hover] .inner * {
    color: #000;
}

    Thanks

    ThemeNectar Support Team 

  •   Sitki replied privately
  •  1,877
    Judith replied
    March 4, 2022 at 10:04am

    Hi Sitki,

    Please send in your admin login credentials so that we can give you response from your end.

    Thanks.

  •  6
    Sitki replied
    March 4, 2022 at 10:15am

    Hi Judith, do you mean my wordpress login details?

  •  1,877
    Judith replied
    March 4, 2022 at 10:25am

    Hi Sitki,

    Yes please, your wp-admin login credentials.

    Thanks.

  •   Sitki replied privately
  •  1,877
    Judith replied
    March 4, 2022 at 11:07am

    Hi Sitki,

    Please use any email as it is a temporary login.

    Thanks.

  •   Sitki replied privately
  •  1,877
    Judith replied
    March 4, 2022 at 11:31am

    Hi Sitki,

    I am getting this from my end, please check it out:

    2697871347.png

    Thanks.

  •   Sitki replied privately
  •  1,877
    Judith replied
    March 4, 2022 at 11:55am

    Hi Sitki,

    Please change the divider color from here:

    8349039963.png

    Thanks.

  •   Sitki replied privately
  •  1,877
    Judith replied
    March 4, 2022 at 12:04pm

    Hi Sitki,

    No worries, we are more than glad to help.

    Thanks.

  •  6
    Sitki replied
    March 4, 2022 at 4:19pm

    Hi,

    I appreciate this is a different subject matter -but easier to stay on this trail for me.

    Am I able to upload a custom font directly to the theme?

    Thanks

  •  8,839
    Tahir replied
    March 4, 2022 at 8:15pm

    You will have to use this plugin or similar: https://wordpress.org/plugins/use-any-font/ .

     Thanks

    ThemeNectar Support Team 

  •   Sitki replied privately
  •  8,839
    Tahir replied
    March 9, 2022 at 10:05am

    Hey Again,

    Do you have any Optimization plugins installed ?.

    Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .

    1. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    2. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks

    ThemeNectar Support Team 

  •  6
    Sitki replied
    March 9, 2022 at 10:14am

    Yes, its done trick ...thank you so much

  •  6
    Sitki replied
    March 9, 2022 at 11:05am

    A new unrelated query...

    I have implemented 'highlighted text' into my desktop design, but appears far too big in mobile ...I can't seem to find any controls (backend or frontend) that gives me the option to change this text for responsive.

    Can you please advise?

    Thanks

  •  8,839
    Tahir replied
    March 9, 2022 at 11:27am

    Hey Again,

    Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 and adjust the "Heading 1" and "Heading 2" fields specifically.

    Best.

    ThemeNectar Support Team 

  •  6
    Sitki replied
    March 9, 2022 at 12:03pm

    Apologies, I meant animated text, rather than Highlighted text ...is there a way to make that responsive?

  •  6
    Sitki replied
    March 9, 2022 at 1:19pm

    Just to simplify my request, can I isolate an 'animated text' or 'highlighted text' button to be responsive ...different to the H1 or H2 settings in the backend?

  •  8,839
    Tahir replied
    March 10, 2022 at 10:33am

    Hey Again,

    Yes, it can be done using CSS. Let us know what changes you need exactly so we can write up custom CSS.

    Thansk 

    ThemeNectar Support Team 

  •  6
    Sitki replied
    March 11, 2022 at 11:13am

    Thank you Tahir ...I altered the design in the end, but will let you know if needed further along.