Thanks for replying. but the problem is, when i use any custom css/ js the result is only visible on it’s preview mode. As i mentioned before, i want to set input element’s border radius 0. if i do so with custom css, it’s still rounded cornered on building mode. the result is only visible on preview mode. that’s why i asked if it is okay with envato review team. And lastly, I know that design can be rejected but I would like to avoid rejection for technical reasons as much as possible.
Did you tried using !important? For instance border-radius: 3px !important; . It will force the property to be applied.
But for instance if i have 40$ in my earns balance and i want to buy an item with 60$. If i made deposit with 20$, then the sum can be considered to buy the 60$ item?
Is it available to purchase an item by using my money earns or purchase can only be made by a deposit?
I want to discuss some issue! The power of Instapage is the builder which make users build their landing pages without needing any experience of at least HTML & CSS. But as i observed, i found that Instapage miss the abilities than can be provided by jquery plugins or using for instance CSS3 animations.
I found that we can use custom HTML, CSS or even jquery plugin. But in this case, the user needs to have knowledge about HTML, CSS or maybe how to deal with jquery plugin. So now we are dealing with Instapage as a normal workflow of designing a website, not fully using the builder!
So how i should deal with this case, have i keep the Instapage concept of the ‘builder’ with no any deal with code, or increase the page with high functional jquery plugins and CSS3 effects? but then we will lose the Instapage builder power and force the user to have webdesign experience!!
As i see until right now for the approved templates, over 90% of them keep the 100% power of Instapage builder. But i found a template which using CSS3 transition and FontAwesome which are not built in the Instapage builder! and it’s very clear (at least for me) that this template is the best till now between others designs as it’s supported by CSS3 and FontAwesome, and i repeat it force the user to have knowledge about HTML & CSS.
But in this example, class=”icon_style4 is before class=”info_box_style3_content”. So if i want to reverse the order for them, then how i can apply the same idea?
<div class="info_box_style3"> <div class="info_box_style3_content"> <h4>Premium Themes</h4> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit consequat.</p> <!-- end info box style 3 content --> </div> <i class="icon_style4 icon_rounded fa fa-leaf icon-1x" /> <!-- end info_box_style3 col-sm-4 --> </div>
Thanks for help guys!
After i made the thread, i tried to search for the method. I actually found in http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048 and i found that it’s ‘next sibling selector’ as you replied.
I have this HTML code:
<div class="info_box_style3"> <i class="icon_style4 icon_rounded fa fa-leaf icon-1x" /> <div class="info_box_style3_content"> <h4>Premium Themes</h4> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit consequat.</p> <!-- end info box style 3 content --> </div> <!-- end info_box_style3 col-sm-4 --> </div>
What i want to do by CSS is if class=”info_box_style3” has class=”icon_style4, apply padding-left: 70px; to class=”info_box_style3_content”
I agree with the font issue. Try using ‘Raleway’ font for headings, and use ‘Open Sans’ for paragraphs and other texts. Also take care of padding and indentations.
Also, the red color is something dark for me. It might need to be more brighter red. Also images used in parallax sections is not looking fullwidth, i’m using 1920px width screen. So it gives me empty spaces in left and right [like in Title Holder]
The best advice is to analyze the most popular items and work on the same approach. Don’t feel confusion, your work is great but follow these notes and make the proper changes needed. Good luck!