Переопределить стиль CSS на одной странице

Question

У меня есть страница (http://www.gardensandhomesdirect.co.uk/newhomepage)

Я хочу сделать центральный столбец (# content-column) только 930px для этой страницы, который в конечном итоге станет домашней страницей.

Используемая CMS NetSuite , и с ней крайне сложно работать.

Каков наилучший способ сделать это? Это возможно только с помощью команд CSS / HTML или JavaScript?

Answer 1

Я чувствую твою боль

Я широко использовал Netsuite и обнаружил (после многих часов выдергивания волос и ругательств), что наилучшим решением (для нас) было создание домашней страницы и любых уникальных целевых страниц в виде жестко запрограммированных страниц (размещенных на Netsuite) и зарезервируйте систему Netsuite CMS для страниц товаров, на которых вам нужно добавить функциональность в корзину.

Забери это у меня в конечном счете, это сэкономит тебе часы разочарования: -)

Конечно, вы можете использовать теги Netsuite повсюду, если вы размещаете страницы в папке "site"

Answer 2

Поскольку это CMS, вы, вероятно, не можете легко добавить разметку, поэтому я думаю, что некоторые jQuery были бы простым решением здесь ...

$(function () {
    var path = location.pathname.substring(1);
    if (path) {
        var regex = new RegExp('newhomepage$', 'gi');
        if (regex.test(path)) $('#content-column').addClass('yourClass');
    }
});

Это должно добавить "yourClass"к элементу просто на этой странице.

Затем вы можете добавить к своему внешнему CSS ...

.yourClass {
    width: 930px !important;
}

Answer 3

Если у вас есть доступ только к HTML этой страницы, поместите атрибут встроенного стиля в HTML-код центрального столбца. Пример:

<div id="content-column" style="width: 930px;">

Answer 4

У меня нет опыта работы с Netsuite, поэтому, пожалуйста, примите это как есть.

Я бы попытался добавить тег пользовательского стиля к документу, например так:

<style>
    #content-column{
        width:930px !important;
    }
</style>