badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Arial fonts in atittude pro theme

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #36450
    Rahul
    Participant

    how to add fonts to the theme all basic fonts like Arial are missing in the theme option panel

    #36519

    Hi Rahul,
    First of all create a child theme. Create style.css file and add the below code in your style.css file.

    /*
    Theme Name: Attitude Pro Child Theme
    Author: Self-Help WordPress User
    Template: attitude
    */
    
    @import url("../attitude-pro/style.css");
    
    h1, h2, h3, h4, h5, h6, #site-title, .slogan-wrap, .featured-text .featured-title, .entry-title, .widget_promotional_bar {
    	font-family: 'Arial', sans-serif;
    }

    Your child theme will be displayed. Activate your child theme.

    Hope this may help you
    Thank you!

    #38678
    Rahul
    Participant

    1. I HAVE NOT USED CHILD THEME TILL NOW IN THE DEVELOPMENT OF MY PROJECT

    2. So what if i put the below code in custom css section.

    3. Will my settings will be changed if move my project to child theme now.

    4.Secondly sir i want to install revolutionary slider that comes packed with the theme i Missed installing it earlier so how can i install it now.

    5.how can I change the color of the social icon section beside the search bar in the top right corner of the website as they are appearing too light when kept to white color with a white background of theme.

    6.How do i keep the button to act responsive that is on the image on my home page @ rahulvitekar.in

    7.How can i make the image on my homepage to appear to be stretched to the width on the screen. As it is my landing image it is now appearing full-width as it takes the width of the container at present.

    please Resolve my above solutions as soon as possible.

    Thank you

    Regards

    #38699

    Hi Rahul,

    If there is space in font- family then it will not work. So you need to create a child theme. You can create a child theme simply.
    Create a folder name attitude-child inside theme folder. Create style.css file under attitude-child folder.
    add below code

    /*
    Theme Name: Attitude Pro Child Theme
    Author: Self-Help WordPress User
    Template: attitude
    */
    
    @import url("../attitude-pro/style.css");
    
    h1, h2, h3, h4, h5, h6, #site-title, .slogan-wrap, .featured-text .featured-title, .entry-title, .widget_promotional_bar {
    	font-family: 'Arial', sans-serif;
    }

    Then it will work. If you like confusion then you can directly add this above css inside custom css.

    3> No your settings will not be changed if you create a child theme.

    4> Regarding to revolution slider. We have removed from theme pack, You can either buy a revolution slider from themeforest or once contact to our sales team at [email protected]. Hope they may help you. Place your order number and your name and ask for it.

    5> This feature is not available so it needs code customization and need to change the image so better hire a developer to fix it using the child theme.

    6> Are you talking about image? The image is from slider. The above Url you have provided is Using only one slider. You may view theme instruction how to set slider.

    7> Could you provide your site Url and specify it more clearly what you exactly trying to say?

    While posting topic in forum please create a multiple topic. Please don’t ask all question on the same forum topic.
    Thank you!

    #38708
    Rahul
    Participant

    Dear Sir,

    Please also give me a code to customise the menu in this theme like i need to change the color of the fonts of the navigation in this theme also want to give some style t the tabs and drop down menu

    #38723

    Hi Rahul,

    Add below CSS code in style.css file under attitude-child folder.

    For navigation parent:

    #access a {
        color: #777;
    }

    For drop-down:

    #access ul li ul li a, 
    #access ul li.current-menu-item ul li a, 
    #access ul li ul li.current-menu-item a,
    #access ul li.current_page_ancestor ul li a, 
    #access ul li.current-menu-ancestor ul li a,
    #access ul li.current_page_item ul li a {
        color: #777;
    }

    Change above hex color code #777 to your own HEX color code to change the color of the parent navigation as well as drop-down menu.

    Thank you!

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