Okay
  Public Ticket #1883584
change colors that I can not customize
Closed

Comments

  • Germán started the conversation

    Hello, I would need to make changes in the color of some parts of the subject where personalization does not allow it and I do not know how to do it.

    Mainly it is about several elements of the blog pages and an element of the contact page.

    BLOG

    I am creating blog pages with modern header and there are my questions. Here the link of this page and my wordpress credentials:

    http://63.34.105.90/4-best-ways-to-keep-inspired-2/
    username: user
    password: J2laoWwd7RnS

    1.1
    I would need to change the color of the black background and put it in the following color: # 1a1149

    1.2.
    Also if there is any option to add background image as I show here I would like to know how to do it.

    2- I would need to change the color of the arrow,
    and put it white: #ffffff.

    3-I also want to change the black background of the next news row.
    I would like to put a gradient like the one I show in the image, the colors would be: # 1a1149 / # 522e96 / # 1a1149.
    If you can not put gradient it would be fine with this background color # 2c1c69

    4-Need to change the white color of the blog section where the form appears and put it in the following color
    # 1a1149

    CONTACT

    Here the link of this page and my wordpress credentials:

    http://63.34.105.90/contacto/

    username: user
    password: J2laoWwd7RnS

    5- In this page the problem that I have when writing in contact the text appears black and I need it to appear in white so that it is visible.

    a greeting

    Attached files:  1.1 & 1.2.jpg
      2.jpg
      3 & 4.jpg
      5.jpg

  •  728
    Linh replied

    Hi Germán,

    You can add these css code to Customize > Custom Code > Custom Css section to change it:

    1. Change  black background:

    .single-post .blog-modern-header {background: #1a1149 !important;} 

    2. Change back arrow text color:

    .single-post.single-blog-style-modern .post-feature .post-return-archive a{ color: #fff !important; }

    3. You can try this code:

    .single-post.single-blog-style-modern .post-pagination-next .nav-desc { color: #1a1149 !important; }
    .single-post.single-blog-style-modern .post-pagination-next .nav-post-title  { color: #522e96 !important; } .single-post.single-blog-style-modern .post-pagination-next .nav-icon { color: #1a1149 !important; }

    4. Change extra section:

    .single-post.single-blog-style-modern .single-post-extra-info {background: #1a1149 !important;}

    5. This code will help you change the text to white:

    .tm-contact-form-7.style-03 input:focus {color: #fff !important;}

    Best regards.

  • Germán replied

    Thank you so much for everything,

    a greeting!

  •  728
    Linh replied

    Hi,

     I hope you're happy with it.

    Please contact if you have any problem so i can help you check.

    Your satisfaction is our pleasure - Please vote and send your comments to us if you happy with our products and support.

    Thanks a lot!