Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #10355
    madeleod
    Participant

    Hello, and thank you for your wonderfull theme.

    I was wondering if I can link my own css file instead of using the custom CSS within the theme options.
    That would be more suitable. But I cannot find the way.
    I am unable to overwrite the other CSS when I import or put the <link> informations into the header.
    Any idea?
    Thx for your help.
    Mad.

    #10399
    Sakin
    Keymaster

    @madeleod: Custom CSS in the best way to add your own css. In this way when you update the theme you won’t loose your css.

    There is another option to add in your css. That is by Building Child theme and add in your own style.css

    #10540
    madeleod
    Participant

    Thx for your response. I built my Child theme. I created a style.css and a responsive.css file. But, it still takes the responsive parent file as the referer. Did I do something wrong?
    I won’t have other choice than to overwrite the original files or would u have any tips to avoid that way?
    Thx for your help.

    #10550
    Sakin
    Keymaster

    @madeleod: Can you show me your site. Have you follow the steps in building child theme. After building child theme, you have to activate your child theme.

    #10567
    madeleod
    Participant

    Thx @Sakin for taking the time to respond to me. I’ve had hard times and finally found out the way to gain my child css files the upper hand on the original parent theme. I am still in a curve learning, discovering interesting things on the best way of customizing.
    Regards.

    #18083
    marcella
    Member

    Hi, Can u help me? before we upgraded to the pro I had customized the CSS in the “edit CSS” after the upgrade it seemed like it didn’t recognize the editCSS so I put it in the themes custome CSS which seems ok except it doesn’t take changes once it’s been written for some of the codes. Also I get a second faded larger square on slide show header (can I change the color and font on these?) since I moved all the css to the themes area. Can u please take a look?
    skinclinicny.com
    Thank you

    #18112
    Sakin
    Keymaster

    @marcella: Yes best way to add Custom CSS is either adding it in “Appearance => Theme Options => Custom CSS” box or by building child theme.

    For your slider box, I see that you have added following CSS in “Custom CSS” box as well as in edit CSS under Appearance. So, it is having box. Please remove those css.

    #main-slider .entry-title a {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
        display: block;
        padding: 1rem 2.5rem;
    }
    #18705
    JamieNovak
    Member

    Please help me.

    Below is the html code I use for a form allowing visitors to sign up for my newsletter. the person’s email is automatically added to my 3rd party ezine list.
    And it uses captcha – they require that.

    When I place this code on http://bitesizeliving.com/newsletter/ the captcha does not show.

    I downloaded and activated a captcha plug in but it didn’t seem to make a difference so I deactivated it.

    thank you

    <!–
    Do not modify the NAME value of any of the INPUT fields
    the FORM action, or any of the hidden fields (eg. input type=hidden).
    These are all required for this form to function correctly.
    –>
    <style type=”text/css”>

    .myForm td, input, select, textarea, checkbox {
    font-family: tahoma;
    font-size: 12px;
    }

    .required {
    color: red;
    }

    </style>
    <form method=”post” action=”http://send.webvalence.com/form.php?form=697&#8243; id=”frmSS697″ onsubmit=”return CheckForm697(this);”>
    <table border=”0″ cellpadding=”2″ class=”myForm”>
    <tr>
    <td><span class=”required”>*</span> 
    First Name:</td>
    <td><input type=”text” name=”CustomFields[711]” id=”CustomFields_711_697″ value=””></td>
    </tr><tr>
    <td><span class=”required”>*</span> 
    Your Email Address:</td>
    <td><input type=”text” name=”email” value=”” /></td>
    </tr><input type=”hidden” name=”format” value=”h” /><tr>
    <td><span class=”required”>*</span> 
    Enter the security code shown:</td>
    <td><script type=”text/javascript”>
    // <![CDATA[
    if (!Application) var Application = {};
    if (!Application.Page) Application.Page = {};
    if (!Application.Page.ClientCAPTCHA) {
    Application.Page.ClientCAPTCHA = {
    sessionIDString: ”,
    captchaURL: [],
    getRandomLetter: function () { return String.fromCharCode(Application.Page.ClientCAPTCHA.getRandom(65,90)); },
    getRandom: function(lowerBound, upperBound) { return Math.floor((upperBound – lowerBound + 1) * Math.random() + lowerBound); },
    getSID: function() {
    if (Application.Page.ClientCAPTCHA.sessionIDString.length <= 0) {
    var tempSessionIDString = ”;
    for (var i = 0; i < 32; ++i) tempSessionIDString += Application.Page.ClientCAPTCHA.getRandomLetter();
    Application.Page.ClientCAPTCHA.sessionIDString.length = tempSessionIDString;
    }
    return Application.Page.ClientCAPTCHA.sessionIDString;
    },
    getURL: function() {
    if (Application.Page.ClientCAPTCHA.captchaURL.length <= 0) {
    var tempURL = ‘http://send.webvalence.com/admin/resources/form_designs/captcha/index.php?c=&#8217;;

    tempURL += Application.Page.ClientCAPTCHA.getRandom(1,1000);
    tempURL += ‘&ss=’ + Application.Page.ClientCAPTCHA.getSID();
    Application.Page.ClientCAPTCHA.captchaURL.push(tempURL);
    }
    return Application.Page.ClientCAPTCHA.captchaURL;
    }
    }
    }

    var temp = Application.Page.ClientCAPTCHA.getURL();
    for (var i = 0, j = temp.length; i < j; i++) document.write(‘img' + i + '‘);
    // ]]>
    </script>
    <br/><input type=”text” name=”captcha” value=”” /></td>
    </tr>
    <tr>
    <td></td>
    <td>
    <input type=”submit” value=”Subscribe” />
    <br/><span style=”display: block; font-size: 10px; color: gray; padding-top: 5px;”>Email marketing by WebValence</span>
    </td>
    </tr>
    </table>
    </form>

    <script type=”text/javascript”>
    // <![CDATA[

    function CheckMultiple697(frm, name) {
    for (var i=0; i < frm.length; i++)
    {
    fldObj = frm.elements[i];
    fldId = fldObj.id;
    if (fldId) {
    var fieldnamecheck=fldObj.id.indexOf(name);
    if (fieldnamecheck != -1) {
    if (fldObj.checked) {
    return true;
    }
    }
    }
    }
    return false;
    }
    function CheckForm697(f) {
    var email_re = /[a-z0-9!#$%&’*+\/=?^_{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
    if (!email_re.test(f.email.value)) {
    alert(“Please enter your email address.”);
    f.email.focus();
    return false;
    }

    if (f.captcha.value == “”) {
    alert(“Please enter the security code shown”);
    f.captcha.focus();
    return false;
    }

    var fname = “CustomFields_711_697”;
    var fld = document.getElementById(fname);
    if (fld.value == “”) {
    alert(“Please enter a value for field First Name”);
    fld.focus();
    return false;
    }

    return true;
    }

    // ]]>
    </script>

    #18712
    Sakin
    Keymaster

    @JamieNovak: Sorry when you are posing your long codes. Please use either pastebin.com or gist.github.com and paste in the link here. It will be easier to read code that way.

    About your Captcha. You need to check in with your Captcha Plugin and Script. This is not a theme related issue and sorry we will not be able to find it. So, please post in that captcha or newsletter support forum.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘My own CSS file’ is closed to new replies.