• Closed
  • Gosigosi
    Spectator
    February 5, 2015 at 1:25 am #14660

    Greetings,

    I have some questions to ask on how to put in some features for the Alora theme.

    1.) How to animate the icons on content boxes like shown on the Alora demo. For example, when you scroll down, the icons have some animation. Is there different types of animations as well?

    2.) How to remove the gradient design of page titles on pages?

    3.) How to change the highlight color of the search box? Even when I set the primary color to green, when clicking on the search box, it gives a blue highlight.

    4.) When using search, the results displays with the info such as who posted it, date and comments. How do I remove that?

    5.) Is there a way to brighten up the Top Contact info (the one with the phone number and email at the very top heading). I did set the color to #ffffff (white) and it doesnt look bright enough on a dark background.

    6.) Is there a shortcode for changing font color? I require two different colors for my H1 tag. Do I need to install the TinyMCE advanced plug-in so that I can change font colors?

    7.) When I resize my browser to see how my website will look on a mobile phone, I found that there was 2 menus being created. How do I remove the Menu which is inbetween the Top Contact Info and above the logo?

    8.) In the Alora demo page, just below the Our Recent Work, there is this 4 content boxes with an mobile phone image in the center. How do I create that? Or rather, the idea behind creating it? I tried to do a [fullwidth] [content box with one third] x 6 [/fullwidth]. The first 3 content boxes appear nicely as the content box 1 has text, content box 2 has the image and content box 3 has the text. However, content box 4 , 5 and 6 all appears below the img. So can you pls tell me the idea behind creating the image between the 2 content boxes on the left and 2 content boxes on the right?

    Gosigosi
    Spectator
    Posts: 5
    February 5, 2015 at 1:27 am #14661

    for part 8.) , the code changed it to underline. What i typed was , how to do [full width] [the 6 content box with one third values] [/full width].

    Alok Maheshwari
    Spectator
    Posts: 303
    February 6, 2015 at 12:17 am #14668

    Will revert back to your queries soon.

    Gosigosi
    Spectator
    Posts: 5
    February 6, 2015 at 10:15 am #14674

    Hi Alok Maheswari, I found out that I was using an outdated version of Alora theme so I went to re-install and update the theme to the latest one. That did solve the question number 7 that i posted. When i resize the browser, i no longer see that extra menu.

    However, I got also one more question to add to list. How do I add the parallax background image in a full width shortcode? Is there a widget or a way to go about doing it? Like for example , if I had

    [full width] Content 1 [/full width]

    [full width] Content 2 [/full width]

    [full width] Content 3 [/full width]

    How do I add that parallax background image to Content 2?

    Gosigosi
    Spectator
    Posts: 5
    February 8, 2015 at 7:16 am #14693

    Ok let me update my questions again. I updated the Alora theme to the latest version. I really need help as I can’t upload my website until these are fixed.

    1.) How do I animate the font awesome icons when someone scrolls down just like the demo page?

    2.) How to change the border color and highlight color of textbox such as the search box or contact fill up boxes?

    3.) When using the search feature, the results display without the description and shows the author, date and comments. So how to show the description and remove the author, date and comments? Even though under theme options search page, it is checked to show the description.

    4.) When re-sizing the browser to see how the website will look on a mobile phone, the menu background color can’t be changed. How to change the menu styling options when in mobile view?

    5.) In the Alora demo page, just below Our Recent Work, there is 4 content boxes with a mobile phone image in the center. How do I create that? Or rather the idea behind creating that. From what I tried,

    [full width]
    [column box with one third property] 3 content boxes here [/column box with one third property]
    [column box with one third property] 1 image here [/column box with one third property]
    [column box with one third property] 3 content boxes here [/column box with one third property]
    [/full width]

    Is this the correct idea behind creating it?

    6.) If so, how do I hide the image when in mobile phone view?

    7.) Is there any shortcode to change font color?

    Please do help me with my questions.

    Asad Ullah
    Spectator
    Posts: 47
    February 9, 2015 at 10:52 am #14694

    Hi,

    You have messed up your questions of your answers are here”
    4) You can remove it from comment section – http://prntscr.com/62wtmv

    5) You can use the following code:
    #wrapper .header-social .phone-number, #wrapper .header-social .header-info,

    #wrapper .header-social a {
    color: #000 !important;
    }

    7) Well its responsive menu which works with mobile differently.

    8) Please see this screenshot: http://prntscr.com/62wvsl

    It seems this is your first questions answers not the second one! But I hope most of them is covered here…

    Please let me know if you have further queries.

    Thanks

    Donna Rios
    Spectator
    Posts: 2
    August 6, 2015 at 10:24 pm #19782

    How do I add the parallax background image in a full width page? This is what Im talking about….If I had

    [full width] Content 1 [/full width]

    [full width] Content 2 [/full width]

    [full width] Content 3 [/full width]

    How do I add that parallax background image to Content 2?