Okay
  Public Ticket #1207563
Customize all colors easy
Open

Comments

  • Acme71 started the conversation

    Hi,

    I'd like to customize all links and template colors and fonts (I'm using Design Studio model) easily withouth editing CSS or adding new CSS...

    Is it possible with your theme?

    Thanx!

  •  143
    TVDA replied

    Hello, yes, in Theme options > General > General styles


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi again,

    I've found your theme options and I've changed fonts and other color stuff...But I'm still don't find how to change some colors on my Graphic Designer home page. Please check my attached image, on red lines stuff.

    I hope for your help.

    Thanx!

    Attached files:  Home---localhost.jpg

  •  143
    TVDA replied

    Hi,

    You can change it with Visual Composer.

    More about Visual Composer: https://vc.wpbakery.com/video-tutorials/

    Some examples:


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Ok, solved!

    A new question is how to add a logo on this theme. I can't find how to add it!

    Thanx

  •  143
    TVDA replied

    Theme options > Header > Header settings > Logo


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi again,

    1. I’d like to set this background: #87B2D8 only on my home-page (please see attached image).

    2. I’m using this code on html widget to set this social networks icons on footer but it doesn’t shows properly:

    <div class="brand-colors theme-social-links"><a class="_facebook" href="#">
    <i class="fa fa-facebook"></i>
    </a>
    <a class="_twitter" href="#">
    <i class="fa fa-twitter"></i>
    </a>
    <a class="_instagram" href="#">
    <i class="fa fa-instagram"></i>
    </a></div>

    Which code use for that? (please see attached image).


    3. I’d like to set background: #FFF only on inside top menu. May you provide the CSS code? (please see attached image).

    4. I’d like to hide this login icon withouth CSS code (please see attached image).

    5. I’d like to set this contact form centered, besides this contact info text. How to do that? (please see attached image).

    May you solve all this questions?

    Please, it's URGENT.

    Thanx!

    Attached files:  contact.jpg
      home-page.jpg
      inside-pages.jpg
      social-networks-icons.jpg

  •  143
    TVDA replied

    Hi, Acme71.

    1) Go to your main page, click "Edit page" -> Page option in bottom of page -> Custom CSS/JS and try to add this code

    .main-header._template8 {
        background-image: linear-gradient(to right,#fff 50%,#87B2D8 50%,#87B2D8 100%) !important;
    }

    2) You can use this code

    <div class="brand-colors theme-social-links">
       <a class="_facebook fa fa-facebook" href="#"></a>
       <a class="_twitter fa fa-twitter" href="#"></a>
       <a class="_instagram fa fa-instagram" href="#"></a>
    </div>
    

    This should help.

    3) Go Edit page -> Page options -> Header and check option negative header. If it has "on" or "default" you should turn off. And you will have white color in header.

    4) Go to Theme option -> Header and turn off "Login with Ajax module"

    5) I don't know what class has this element, and don't know what width has parent element. If you make 2 columns, i recommend you to use text-align property to align text in block to right side.


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi again,

    2. Your code helps...but social networks icons should be in horizontal align, not vertical...

    Could you offer this code in horizontal mode?

    3. About header on inside pages, it hasn't worked by turning off on negative header option... May you provide a CSS code for inside pages background header, to turn it on background: white?

    5. About my contact form I don't want to align text to right... I want to align the entire div class .wpb_wrapper to the center, beside the contact info text. May you provide a code to do that?

    Thanx!

  •  143
    TVDA replied

    Hello again, please provide login/password and admin url for your site


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Sorry but I'm working in localhost...

    About questions 2 and 3 I need only a CSS code to do that things...

    About header it seems that classes are .header-wrapper .js-header-wrapper ._negative  but in background-color nothing changes...

    How to solve that?

          

  •  143
    TVDA replied

    2.

    <div class="brand-colors theme-social-links">
       <a class="_facebook fa fa-facebook" href="#"></a> <a class="_twitter fa fa-twitter" href="#"></a> <a class="_instagram fa fa-instagram" href="#"></a>
    </div>
    

    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Thanx. Social network icons have been solved.

    Now I still need a CSS code for header on inside pages (please see attached image) to force to set background-color: #FFF ...I've tried to use !important but it doesn't works!

    May you provide that CSS code? I'm using design studio template. Now It's URGENT...

    Thanx!

    Attached files:  inside-pages.jpg

  •  143
    TVDA replied

    Check this:

    Theme options > Header > Header settings > Negative height > Off


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi again,

    I've set Theme options > Header > Header settings > Negative height > Off, but now on home page it's showing a text called SLIDER. Why and how to hide this text?

    Thanx

    Attached files:  home_slider_text.jpg

  •  143
    TVDA replied

    Hi, this may be a part of content on your page, just edit the page and remove row with slider from page


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi,

    I've had to remove title="slider" text on home page code: [vc_row][vc_column][rev_slider_vc alias="iternatura_esp" title=""][/vc_column][/vc_row]

    Is this correct?

  •  143
    TVDA replied

    Yes, if it work for you.


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi again,

    How to hide title text ONLY on portfolio detail page? (see attached image).

    Please it's URGENT.

    Thanx for your help!

    Attached files:  portfolio-detail-page.jpg

  •  143
    TVDA replied

    Hi,

    Paste the code to Theme options > Custom CSS/JS > CSS code

    .single-project .title-wrapper__title {
      opacity: 0;
    }
    

    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Thanx a lot!

    One more question. About header images I'm using 1920x560px but all images are a bit reduced by your template configuration. How to configure your theme to set this header images that respecting the original measures (1920x560px)?

    Thanx!!

  •  143
    TVDA replied

    Please, provide screenshots, what header images do you mean?


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    For example this one (attached)...

    Attached files:  header-image.jpg

  •  143
    TVDA replied

    Images on title wrapper/header background is responsive, they occupies full height and full width of title wrapper. But you can configure it with Theme options > Title wrapper > Title wrapper styles > Title wrapper background > Background size


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Ok, thanx a lot for your help.

    Another question with smartphones/mobile size web:

    1. I’d like to set burguer menu with different color ONLY on smartphones. May you provide a CSS to do this?

    2. On Revolution slider, how to set this text adapted (smaller) ONLY on smartphones? May you provide a CSS to do this?

    Please see attached image.

    Thanx!!

    Attached files:  mobile_version.jpg

  •  143
    TVDA replied

    Please, provide url


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Sorry, but I'm still working on my localhost, so I can't provide you any URL.

    May you provide me CSS for 1 and 2 questions?

    Thanx!

  •  143
    TVDA replied

    1. This looks like a bug, please, update theme and plugins.

    2. Look at Revolution slider settings there must be an option for it. For example:

    Try to turn off/on "Child Element Responsive"


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.

  • Acme71 replied

    Hi again,

    Finally I've solved Revolution slider text by CSS.

    But I have other questions:

    1. How to set Portfolio Projects page https://www.iternatura.es/portfolio/ with a pagination. I want to show only 6 projects per page and a pagination button. How to do this on https://www.iternatura.es/portfolio/ ?

    2. I've installed WPML plugin, but sometimes it seems that doesn't work properly...Sometimes when you select a translation it shows a white page. How to configure your theme properly with WPML?

    Thanx!

  •  143
    TVDA replied

    Hi,

    1. You can choose URL for projects in Settings > Permalinks > Projects base

    And configure projects page in Theme options > Projects

    2. Don't need to configure the theme, you just need to configure the plugin.


    Thank you for great 5 star rating for our theme on ThemeForest. We really appreciate it.