Home Forums Square main text font and width

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #268
    paulalarsson
    Participant

    Hi!

    Working with your stylish theme and wonder if you can help me with a few adjustments I would like to do. I am using a child theme… and I wonder if you could help me adjust the following in my css:

    1. the font used for the main text
    2. the width of the “box” used for the text
    3. the width of the widget area

    (website is evisoil.com)
    Thanks
    Paula

    #272
    Hash
    Keymaster

    Hi,

    You will have to custom code if you want to make adjustments in the website.

    1. we have used google font so if you want to change the font then you will have to make changes in multiple places. You will need to have some web knowledge for it. It would be quite difficult to explain here.

    2. you have an option choose the sidebar layout for each pages. same case is for point number 3 as well. If you want to again customize it, you will need to have some knowledge of HTML and CSS

    #276
    paulalarsson
    Participant

    I do have some HTML and CSS knowledge and wonder if it I could use CSS to specify these… for example… is the text in the main text area under the CSS contents or body? I have changed these on another child theme (twenty ten) and I was able to add image width and borders etc. I only need to know what the specific CSS is for that area…. or am I wrong?

    /Paula

    #281
    Hash
    Keymaster

    Hi,

    The same CSS code does not work for all the themes.
    Here is the tutorial on how to add the font to the website
    https://css-tricks.com/snippets/css/using-font-face/

    Here is the CSS that adjust the width of the main content and the sidebar(widget area)

    #primary {
    width: 69%;
    float: left;
    }

    #secondary {
    width: 28%;
    float: right;
    }

    We also offer paid customization if you have difficulty customizing the website.

    #304
    paulalarsson
    Participant

    Hi!

    Managed to get the width changed! Jipee! Now, I have managed to change the font, but only on the first welcome page… what is the area called for the other text areas… is it the div called sq-container, and the area on the welcome page sq-content? You mentioned that I would have to specify this in several pages and am guessing that this is what you mean?

    Thanks!

    /Paula

    #305
    paulalarsson
    Participant

    This is what I added to my custom CSS but with no result… any suggestions?

    .sq-container {
    font-family: ‘Open Sans’;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    }

    #310
    Hash
    Keymaster

    The theme use ‘Open Sans’ font by default so using the same font again won’t have any change.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.