Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 4, 2016 at 5:15 pm #607754
    tommytai

    Hi Team, Good day

    1. May i know how to reduce the special heading text size in mobile?

    2. How to assign the background image position to ’ center left ’ in mobile mode and remain ’ center center ’ for the desktop mode.

    3. How to change the accordion question font color like 1st question is in red color and 2nd question in purple. is it possible?

    Thanks Team!! =)

    April 4, 2016 at 10:40 pm #607928
    Yigit

    Hi tommytai!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    h1.av-special-heading-tag {
    font-size: 20px!important;
}

    2- Which background image are we talking about here? Could you please elaborate :)
    3- Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom CSS class (“your-custom-class” for example as i used in code below) and then add following code to Quick CSS in Enfold theme options under General Styling 

    .your-custom-class .av_toggle_section:nth-child(2) .toggler {
    color: yellow;
}
.your-custom-class .av_toggle_section:nth-child(1) .toggler {
    color: blue;
}

    Best regards,
    Yigit

    April 5, 2016 at 7:08 pm #608462
    tommytai

    Hi Yigit, thanks for the quick reply.

    1. after adding the code below, all the font will change to black color and font size will same as the special heading size setting which is not same as my advanced styling setting color and font size. May i know how to solve or i have to edit the font color and size in every single special heading.

    @media only screen and (max-width: 480px){
    h1.av-special-heading-tag {
    font-size: 23px!important;
    }

    2- Which background image are we talking about here? Could you please elaborate :)
    – for the ‘ BENEFIT ‘ special heading background which i have selected ‘ center center ‘ for the background image position is nice but when it comes to mobile screen the fruits background cover the font. May i know how to assign the background image position to ’ center left ’ for mobile screen and remain ’ center center ’ for the desktop screen.

    3..Please turn on custom CSS field for ALB elements
    – i have added ” add_theme_support(‘avia_template_builder_custom_css’); ” into public_html/wp-includes/functions.php and it came out with this error as below. May i know where should i place the code.

    “Fatal error: Call to undefined function add_theme_support() in /home/beyounghealth/public_html/wp-includes/functions.php on line 12”

    Thanks Team.

    April 6, 2016 at 2:40 pm #608975
    Yigit

    Hi!

    1- Your code should be as following 

    @media only screen and (max-width: 480px){
h1.av-special-heading-tag {
font-size: 23px!important;
}}

    and it should not change font color to black. There might be error in your custom CSS that might cause the issue. If you would like us to look into it, please post temporary admin logins here privately as well
    2- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.home #av_section_2 .av-parallax-inner {
    background-position: center left!important;
}}

    You can alternatively give your color section a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and change the selector from “.home #av_section_2 .av-parallax-inner ” to “#your-unique-id .av-parallax-inner”
    3- You should insert the code into functions.php file of the theme which can be reached in Appearance > Editor. If you would like to add it via FTP, please go to wp-content/themes/enfold/functions.php

    Best regards,
    Yigit

    April 8, 2016 at 6:46 pm #610360
    tommytai

    Hi Yigit, thanks for the reply. it’s working !! btw i am still not solve the 3rd question, i have place the css code in custom css class as below, but nothing change, could please check for me?

    .your-custom-class .av_toggle_section:nth-child(2) .toggler {
    color: yellow;
    }
    .your-custom-class .av_toggle_section:nth-child(1) .toggler {
    color: blue;
    }

    Another question : is it possible to change a text color in my testimonial section, for examples “I usually go to toilet to pass motion about once a WEEK. Thanks to BeYoung Power Cleanse Detox Fruit Tea, I now go to toilet at least once a DAY !!! ” and i would like to change the ” DAY ” into purple color.

    Thanks Team.

    April 11, 2016 at 12:26 pm #611175
    Yigit

    Hey!

    You have inserted custom CSS code in Custom CSS class field. I changed it to “your-custom-class” and added the code to Quick CSS field. Please review your website.

    Please wrap your text inside a span with a custom class as following 

    your text<span class="my-custom-color">day</span>

    and then add following code to Quick CSS 

    .my-custom-color { color: purple; }

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.