Forum Replies Created
list of topics you have created till now.
-
-
Hi, we will support this functionality in v3.3, which will be available to download in a day.
Hi, just remove the title=”” attribute from any image source markup.
Hi, css color definitions for yellow button are located in bootstrap.css line:321.
There are some css3 gradient definitions for backgrounds for multiple browser including two color for gradient, one is start color and the other is end color. You can change them to any color you want.
Hi, paste the code below to the custom css box located under “Theme Settings > Style tab”;
#filter { margin-top: 30px; } #portfolio .item { width:296px; } @media (min-width: 1200px) { #portfolio .item { width:374px; } } @media (max-width: 768px) { #portfolio .item { width:212px; } }
Since this is a responsive theme, it’s not easy to make the columns in equal heights. But it can be achieved via javascript. Firstly you need to organize your html markup, for instance wrap each column’s content with a div class = “equal-height” then use a javascript snippet like below. After you have organized your html markup, copy the code below to the “External Javascript” box under “Theme Settings > Style tab” and see if it works.
<script>
$(function() {
equalHeight(); $(window).resize(function() { equalHeight(); });
function equalHeight() { var maxHeight = 0; $('.equal-height').each(function() { maxHeight = $(this).height() > maxHeight ? $(this).height() : maxHeight; }); $('.equal-height').each(function() { $(this).height(maxHeight); }); } });
</script>
This is weird, i just created a new site and copied all files to new site folder and it works. Tested in Dw CS6. You can try;
1-) Follow the steps from the beginning; create a different site, and copy theme files to new site folder. Make sure you see project files and folders in Dw Files > Local Files pane. Then make sure to open the layout.dwt from this Files pane, under Templates folder. When you edit and try to save layout.dwt it should prompt to update all related html files.
Hi, i guess you are editing “layout.dwt” as a single file. Firstly create a site in Dw, “Site > New site” define a site name and a folder, and copy all of the responsy template folder content into this new site folder. Then try to open and edit “layout.dwt”. It should update all the pages automatically on saving layout files.
You will enter shortcodes more easily from page’s itself by editing the page, go to Pages > Edit homepage and put any content to text editor, this will show up if you use “Responsy Editor Widget”.
Hi again, i see you have used “Text Widget” for homepage service shortcodes, use “Responsy Editor Content” instead for service shortcodes, this way you will preserve responsive layout for services.
Hi,
1-) I have explained changing active nav item bg etc… on this post. You can get the codes and paste them to the end of main.css to apply, or if you are using light theme; add the codes to the end of light.css
2-) You can just remove the services images markup from html.
Hi, dotted borders are css borders and can be controlled by css. For example; if you want to remove dotted border from header (bottom) you can use the custom css code below by pasting the code to Theme Settings > Style > Custom CSS box;
.header-wrap { border:none; }
And you can remove them all with this custom css code;
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .content .tagline, .search-widget, .post .tags, .post-single .media-box { border:none; }
Hi, i see, paste the custom css code below to the Theme Settings > Style > Custom CSS box;
.hero-unit { word-wrap: break-word; padding: 20px 30px 10px 30px; } .services img { width: auto; height: auto; max-width: 70%; }
Hi,
1-) we have just fixed this, will be available in the next update, which comes in a few days.
2-) I am still working on slider image corruption on ipad, when i fixed it, we will release another update.Thanks for the feedbacks.
Hi, don’t change the “department” keyword in the url; This works;
Hi,
1-) In our test site, when in a blog/portfolio post, blog/portfolio menu item is activated. If you provide a preview link we can help you more about it.
2-) Yes, on ipad, slider images look funny, i will try to fix that, thanks for the feedback.
3-) We don’t have any plan for using retinajs, sorry.
Hi, by default service area doesn’t have buttons, have icon and text. If you could provide us a live preview link we can help you more.
You can use the custom css below to hide subtitles forever;
.page-header h1 small { display:none; }
Hi, html version doesn’t include any dynamic comment functionality, they are all static htmls. You may check wp version if you are looking for functionality.
Hi, to change menu link color use custom css;
#nav ul li a { color: #bbb; }
and to change hover color use code;
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub { color:#fff; text-shadow:none; }
and to get rid of current menu item’s background use;
#nav li.active { background:none; }
and if you want to change the text color of current menu item to make it look different from others (since you get rid of it’s background) use code;
#nav li.active > a { color: blue; }
Hi, paste the code below to the Custom CSS box located under Theme Settings > Style tab;
.middle { padding-bottom: 20px; }
– reduce the padding bottom value more if you desire.
Hi, thanks for the feedback.
Hi, i don’t get what you want with your portfolio.
-You have a portfolio page, which shows your portfolio items as thumbs and when you click to any item it goes to details page about that portfolio item clicked.
– What do you want to do more ?Hi, just tested to put a label in a list via shortcode. It looks fine, text-color is white as it should be. If you provide a live preview link i can check what’s wrong.
I just tested a second slider on homepage under default one via shortcode and it works fine.
– Make sure you are adding shortcode to homepage via Responsy Editor Content Widget not default text widget.
I can’t help you more unless you provide a live preview link to see the source.
Hi, your images are 1392px width and in PNG format and size is about 1.5mb.
– Max 870px width is enough : file size : 600kb in png
– Convert png to jpg and file size decreases to 200kb.
– That process can give a huge speed increase on page load.Can you provide a link preview link to see what’s wrong.
Hi, try override any conflict with “!important” decleration;
@media (max-width: 479px) { .blog-part, .blog-post { display: none !important; } }
You have missed a closing bracket for;
@media (max-width: 479px) {
ad an extra closing bracket to the end;
@media (max-width: 479px) { .blog-part, .blog-post { display: none; } }
Hi,
1-) you can change slider waiting times from; “Theme Settings > Home > Tagline/Slider > Slide Waiting time” .
2-) Currently slider only pauses when user interacted with slider ( prev-next links or thumbs ). To make slider pause on hover, edit main.js in a text editor and find these codes about line: 153;$slider.addClass('ready').flexslider({ animation: "slide",
and replace it with that code, (actually adding one extra parameter “pauseOnHover: true,”);
$slider.addClass('ready').flexslider({ pauseOnHover: true, animation: "slide",
Hi, your css code seems valid. Try these,
– Make sure you are pasting this code to the custom css box.
– Make sure your css codes in the custom css box are valid ( no missing open or close brackets etc. )Hi, i updated the code to use your color : #68BE68
1-) To change active menu link background and dropdown background styles, you can use the custom css below;
#nav li.active, #nav > li:hover, #nav ul li { background: #68BE68; }
2-) To change menu link hover background color;
#nav ul li a:hover { background: #68BE68; }
Hi, try adding the code below to the “Theme Settings > Style Tab > Custom CSS box”;
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, .widget ul.list li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { background-color: transparent; }
Hi, you can define cropping mode for portfolio by navigating “Theme Settings > Style Tab > Cropping for portfolio page”. Try : 307px width and 184px height.
Hi,
1-) You can choose to remove search box for different page types, see this image -> , click here to see image.
2-) Check out #localization section in documentation to change “all” keyword in portfolio.
Hi, yes this is possible, follow these steps;
1-) Enter any video url to Launch Project url, such as: http://vimeo.com/1755557
2-) Add the codes below to the “Theme Settings > Style tab > External Stylesheet/JavaScript box” ;<script> $(function() { $('.launch .btn').attr('rel','prettyPhoto'); if($("a[rel^='prettyPhoto']").length) { $("a[rel^='prettyPhoto']").prettyPhoto({ theme: 'pp_default', social_tools:"", default_width: 800, default_height: 450 }); } }); </script>
Hi, don’t use embed code, just give the browser url of the video such as;
Hi, you can try the custom css code below;
.footer .widget:last-child .list li:nth-child(3), .footer .widget:last-child .list li:nth-child(4) { display:none; }
Hi, by default call to action area is shown when using small slider and “Homepage with slider” page template. And it gets its content from textboxes under “Responsy Settings > Home > Call To Action”.
If you check “Enable Call To Action Area For Widgets”:
– It makes call to action area widgetized, this means, instead of showing static content from call to action textboxes, it shows the content of any widget you drop it into “Call to action area” via Widgets section.
Hi,
1-) To change active menu link background and dropdown background styles, you can use the custom css below;
#nav li.active, #nav > li:hover, #nav ul li { background: rgba(0,0,0,.4); }
2-) To change menu link hover background color;
#nav ul li a:hover { background: rgba(0,0,0,.8); }
3-) If you have problems with custom css, make sure your custom css code is valid, have no missing close bracket etc…
I have just sent you a mail.
You can add the custom css code below;
.sidebar .search-widget { margin-bottom: -20px; }
Hi, you can try that;
– Go and edit page : portfolio
– Manually edit the slug (Permalink field) to what you want.Hi, a live preview link would be more helpful to solve your problem.
Hi, multiple portfolio support comes with v2.0+. You can get what you want with multiple portfolio support. To find out how, you can check the the links below. Let us know if you still encounter problems;
https://www.pixelwars.org/forums/topic/adding-another-portfolio/#post-814
https://www.pixelwars.org/forums/topic/multiple-portfolio-pages-and-others/#post-505
Hi, good point, we added this to update list. Till then you can use html markup below (via editor HTML tab) or wait for the next update release for updated shortcode;
<!-- MEDIA BOX IMAGE --> <div class="media-box align-left span3"> <img src="small-image.jpg" width="240" alt="image"> <div class="mask"> <h3 class="title">show image</h3> <a href="big-image.jpg" title="This is lightbox title" rel="prettyPhoto[galeri-01]" class="ico image full"></a> </div> </div> <!-- MEDIA BOX IMAGE -->
Thanks for the feedback.
I see, i checked our live preview, it looks fine but if the word is too long, it may break the layout, you can use this custom css;
.hero-unit { word-wrap: break-word; }
Hi, congratulations you have found a bug :) Add the code below to the custom css box,
@media (max-width: 767px) { #logo img { margin-right:0; } }
Thanks for the feedback.
Hi, i just tested on ipad, and texts loads just fine. But since the fonts come from google webfonts server, sometimes or maybe on very first load, fonts may take quite a while to appear.
Hi, if you want to preserve responsive layout, don’t use static width in px, such as width:960px. Instead we can define a new class named block for buttons;
HTML Code;
<a href="#" class="btn block btn-info">Launch Project</a>
CSS Code;
.btn.block { display: block; }
Hi, i tried to combine the responsive video markup with slider gallery markup, by adding a video slide to the portfolio gallery like this;
<li> <div class="media-box video-container"> <iframe src="https://player.vimeo.com/video/1755557" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> </li>
It looks fine on all browsers including IE8, but buggy in Safari (no video showing.)
Here is preview.
Navigate to Theme Settings > Style tab > Custom CSS box, copy and paste the code, then save settings.