Discussion on Centum - Responsive HTML Template

Discussion on Centum - Responsive HTML Template

Cart 3,928 sales
Well Documented

Vasterad does not currently provide support for this item.

723 comments found.

One question, you can define which column will be on top? example, the sidebar is above the page content, I need it to be below the content.

Yup, but then you will be forced to have sidebar on the left on desktop screen. :P

I imagined… ok thanks.

will that you understood me? accurate that the sidebar appear when viewed from a mobile phone. currently it is hidden

Example: blog.html, sidebar_left.html

    .js #nav,
    .slide-caption,
    .search-form,
    #tagline,
    .social-icons,
    .widget,
    .widget-alt,
    #navigation ul li a {
        display: none;
    }

Remove .widget and .widget-alt

Perfect! Thank you, and congratulations for the patience and support.

Sure, sorry for delay by the way but sometimes I can’t reply because I’m not online. :P

what div class would I use to make a button that, when clicked on, would pop up an image slide show?

Give rel="gallery" to that link

Hi, it is possible that the side menu of the blog page to appear when viewed from a mobile?

Yes, go to the media queries, find “sidebar” class and remove from there (it has display: block right now). :)

sorry, can not find this tag, can you help me?

Hi, is it possible to have the file shop html version, which has looked to wordpress, and I need to html version

Sorry, customizations are over support.

No problems… thanks

Ok, cheers.

Hey Vasterad

Love your work!! Just wondering if it is possible to have a mega menu style drop in the navigation like used in your Nevia template. I need one section to have two columns in a drop down. is there some code i can add to allow this happen? Any help would be much appreciated.

cheers!

thanks. i downloaded and added. works okay except on mobile. can it be adapted to work on small screens?

It’s responsive, but if you want mobile menu like default in Centum you need to implement script to new menu.

Dear Vasterad

The code is this and it is to change in boxed.css:

@media only screen and (min-width: 768px) and (max-width: 1024px) { #portfolio-navi { margin-top: -92px !important; display: block; }

So does it work for you? :)

Yes, is works very fine.

Hello Vasterad,

How would I go about changing the CSS so that named anchor links will not be formatted like regular hrefs? I don’t want named anchors to have hover/color stylings. Many thanks in advance.

In basic.css there’re styles for hrefs.

Yes I know but I am trying to define 2 different styles for hrefs… One style for actual hyperlinks to other web resources and a different style for name anchors that link to other locations on my site.

That’s not possible as far as I know. Only by adding manually special classes with style to that hrefs.

Hello Vasterad

thanks for the nice template. It looks good and works nice. Only I have a problem with the format of one picture which looks different on device and tablett. Please help me and check the screenshot: http://www.punta-cana.cc/format-is-bad.jpg

Thanks, Frank

WHy do you use portfolio-navi there? Remove that Div and use code I gave you. ;)

But I need one Div. When I don’t use Div, the banner is above the text on the left side… Please help, I don’t a lot of css. Thanks, Frank

So add #portfolio-navi {margin-top: -30px !important; display: block;} inside code I gave you above.

Thanks for creating such a great template! Is there a quick way to add to the accordian short code such that all accordians are collapsed by default but then can be opened and closed from there?

Hi, unfortunately with current script it’s not possible.

Hello, I read all the comments about latest tweets and tried all the tips but they still do not work for me. Did you create some guide you have mentioned in your comment a few days ago?

Thanks

Thanks!

For others who have the same problem like me. I did everything correctly, but problem was in the security settings of my web host.

So if you also host with MarbleHost.com or another company which blocks outgoing connections for security reasons, simply log in to your control panel and you will see a message that the IP address of the Twitter API was blocked. You will also see an option to stop blocking it. As soon as you change these settings to allow this outgoing connection everything will work.

Yes, that could be the issue also. Thanks.

Any quick tip for fixing twitter error (API 1 to 1.1)? Thank you.

Please follow this guide http://vasterad.com/twitter/ My templates support 1.1 API since March.

Thanks. Highly appreciated.

Thanks. :)

is it easy to change the background to my own texture and colour

Yes, both things are really easy.

Hi Vasterad,

nice template and it works good. Please help me with change the color of only one Link in the navigation. Is this possible? Please, where can I make this?

Thank you

You can add inline css to that link e.g.

<a href="#" style="color: #fff; background: #000;"></a>

Thank you, Gracias, Danke :):)

Hello again. I ‘d edit my original post, but apparently I cannot. Upon further notice, the IE problem with Fancybox I described previously only happens in Windows 8. I’m using a touchscreen monitor, so not sure if it is limited to that or the problem persists throughout Windows 8.

I use Win8 and didn’t notice any issues.

Update: I fired up my old Windows 8 machine and it worked fine in IE. For some reason, it won’t work at all on my newer Windows 8 machine the uses a touchscreen monitor. Happens in all versions of IE. Strange.

Hello. I love your template, but I’m just about to go live and I see that the Fancybox portfolio slideshows are not working properly in stupid Internet Explorer. It refreshes the page and comes up in Compatibility View in IE10 and the titles don’t display in any version. Page displays as white in IE8 and 9 when you click on a slide. Same thing happens with your demo. Any ideas?

Current site is hosted here until it goes live: http://www.stevenjdeardorff.com/contractorx/gallery.html

Hm, don’t trust IE in compatibility mode. Centum was tested on real IE8/9 and it worked. Many bugs on IE in compatibility mode don’t exist on machine with IE8 etc.

I’m having another issue that I can’t seem to figure out. When I resize my browser down to mobile size (or view on a mobile phone), the menu is inoperable on my two portfolio pages only. I incorporated a different Fancybox script into my portfolio pages, which works exactly how the client wants, but now the mobile “menu-toggle” is inoperable. Any advice is appreciated. I’m not great with JS. Thanks.

Sorry but I’ve no idea what’s wrong, cannot see the issue.

Hello, I am sorry for my ignorance; I am VERY new to this. How do I employ the “slide show” with the three photos, caption, and scroll buttons that is in the online example on full_width.html?

When I open the files in dreamweaver, it doesn’t have this already set up. Thanks, and sorry again for my ineptitude.

Hi, could you clarify exactly what do you want to achieve with slider? I’m asking because don’t know why do you talking about full_width.html. :)

Sorry, I am just trying to achieve exactly what you have on the front page here http://vasterad.com/themes/centum/

The three photo slider with the caption, slider arrows etc.

Thanks again for the quick reply.

Paste it there where you want to have slider, then replace images source to correct.

    <!-- Flexslider -->
    <div class="sixteen columns">
        <section class="slider">
            <div class="flexslider home">
                <ul class="slides">

                    <li>
                        <img src="images/slider-img-01.jpg" alt="" />
                        <div class="slide-caption">
                            <h3>This is a caption</h3>
                            <p>Donec scelerisque aliquet mi, non venenatis urnas iaculis. Utea id nila ante. Cras est massa, interdum  ateal imperdiet etean, gravida eu quame. Aeneana volutpat hendrerit posuere.</p>
                        </div>
                    </li>

                    <li>
                        <img src="images/slider-img-02.jpg" alt="" />
                        <div class="slide-caption">
                            <h3>This is a caption</h3>
                            <p>Donec scelerisque aliquet mi, non venenatis urnas iaculis. Utea id nila ante. Cras est massa, interdum  ateal imperdiet etean, gravida eu quame. Aeneana volutpat hendrerit posuere.</p>
                        </div>
                    </li>

                    <li>
                        <img src="images/slider-img-03.jpg" alt="" />
                    </li>

                </ul>
            </div>
        </section>
      </div>
    <!-- Flexslider / End -->

Hello, the page shortcodes.html, has a script of testimonials, that when the mouse passes over it, stops spinning, it is possible to keep turning.??

Hi, sorry but I check carousel script and looks like there’s no such option. :(

Hello, it possible is have more than one instance of twitter on the same page?

Yes it is, just copy currect twitter code in HTML and change id ”#twitter” to something like ”#twitter-2”

thanks

You’re welcome.

Hi I have been trying to add fields to the contact form. What do i have to do exactly to get this done?

The email message comes across ok but when i insert the $propertytype

the data does not get sent over. Please help.

Well, script used in Centum does not provide an easy way to add fields without PHP knowledge and I’d recommend to use any script from CodeCanyon for “bigger” forms. :)

Hi there thanks for the reply. I edited that PHP a bit. here is a snippet.

//POST – in case user does not support javascript, we’ll use POST instead $name = ($_GET[‘name’]) ? $_GET[‘name’] : $_POST[‘name’]; $email = ($_GET[‘email’]) ?$_GET[‘email’] : $_POST[‘email’]; $message = ($_GET[‘message’]) ?$_GET[‘message’] : $_POST[‘message’]; $propertyaddress = ($_GET[‘propertyaddress’]) ?$_GET[‘propertyaddress’] : $_POST[‘propertyaddress’];

//flag to indicate which method it uses. If POST set it to 1 if ($_POST) $post=1;

//Simple server side validation for POST data, of course, you should validate the email if (!$name) $errors[count($errors)] = ‘Please enter your name.’; if (!$email) $errors[count($errors)] = ‘Please enter your email.’; if (!$message) $errors[count($errors)] = ‘Please enter your message.’;

It should be as easy as this no?

You can try, but as I said I’m not able to help you at this moment because of little PHP knowledge. Really sorry.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey