Profile: hristo

Hi,

you can remove the unwanted footer list items from your Footer.cshtml file in your Traction theme (Themes\Traction\Common\Footer.cshtml). Open the file and look for this list:

<ul>
    <li class="phone">@T("SevenSpikes.Themes.Traction.Common.Phone")</li>
    <li class="fax">@T("SevenSpikes.Themes.Traction.Common.Fax")</li>
    <li class="mobile">@T("SevenSpikes.Themes.Traction.Common.Mobile")</li>
    <li class="email">@T("SevenSpikes.Themes.Traction.Common.EmailName")@T("SevenSpikes.Themes.Traction.Common.EmailAt")@T("SevenSpikes.Themes.Traction.Common.EmailDomain")</li>
    <li class="skype">@T("SevenSpikes.Themes.Traction.Common.Skype")</li>
</ul>

When you find it, delete the items (lines) you don't need.

As for the submit ticket button, you can add this piece of code to your main css file (styles.css):

.submit-ticket-button {
    min-width: 115px;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 8px 12px;
    text-align: center;
    font-size: 13px;
}

If you need any further assistance about bugs, please open a support ticket instead of writing in the forum.

Regards.

Hi,

the category tree depth is limited in this theme because of the design specifics of category menu navigation and sub-category grids, it is the same model shared between categories menu navigation, sub-category-grids, and sidebar category navigation.

As for making sidebar category navigation collapsible, we will discuss this in the end of this week and will decide to implement it or not, and will inform you about it.

Regards

Hello

I'm not sure what you mean, but if it's the Smart Categories Collections plugin you are referring to - the grid with one big category image and 4 product boxes (2 rows x 2 columns), no, it's not possible to change the number of columns in this grid unless you do some serious code modifications that are outside of the scope of our support.

We are currently  implementing this (a scrollable logo). It will be deployed soon.

Hello,

currently the logo is always on top on a mobile device. If you need it to be scrollable along with the page content, let us know and we will think about implementing it. But please keep in mind that a lot of pages in this theme (on a mobile device) are depending on that space reserved on the top. This means that you will have to test a lot and most probably will have to fix many situations where the content at the start of the page is messed up because of the changed space at the top.

Please let us know if you need a way to scroll the logo anyway.

Regards

Ok, now I understand what you mean.

In order to center the list items in your category navigation, you can add the following code in the custom head styles in your administration:

@media all and (min-width: 1001px) {
    .block .list a {
        padding: 9px 5px;
        text-align: center;
    }
}

If you need further assistance we will be happy to help, but please open a support ticket instead of writing in the forum. Thanks

Regards

Hello,
your link is trying to download a binary installer (.exe) instead of an image, please send us an image instead, thanks

Hi,
I'm not sure what you mean by "bottom left breadcrumbs in navigation". Could you please clarify, or send us a screenshot?

Hi,
the tab you are targeting is by default inactive. You have to add a javascript command to your anchor link that activates the tab.
There is a workaround that will do the job, but it will also reload the page - change the anchor href by adding "/" at the start, like this:

href="/#quickTab-specifications"

This will take you to the desired tab by reloading the page.

I hope this helps
Regards

Hi,
the size of the left and the right pane on product-details page is controlled by two classes - "gallery" and "overview"

The gallery is set by width, and the overview is set by margin. In order to change their appearance you have to edit the values of the width and margin properties for these classes. There are two instances - for tablet landscape resolutions and for desktop resolutions. To edit the first instance go to your 768.css file and find this code:

.gallery {
    float: left;
    width: 430px;
}

and this code:

.product-details-page .overview {
    margin-left: 440px;
}

Edit the width and margin values to achieve the look you are after.

To edit the second instance (for desktop resolutions), go to your 980.css file, and find this code:

.product-details-page .gallery {
    width: 580px;
}

and this code:

.product-details-page .overview {
    margin-left: 590px;
}

Edit the width and margin values again to the appearance you need.

Please make backup of your files before editing.