• BarryB64

    (@barryb64)


    Of the different themes, I do love the Canyon. When checking on my smartphone, my site looked quite good. However, there are some problems and I need help in fixing it.

    Here is my site: http://inspiration-point.org

    I’m using TypeKit to supply my fonts. My current font is Adobe Source Sans Pro. If you look at the site then you should see the font. My problem is seen in the side bar. What do I need to add to change the text size and I think font type? How about link Color?

    What further tweaking needs to be done? Is the size readable? Thanks for the help.

Viewing 15 replies - 1 through 15 (of 23 total)
  • WPyogi

    (@wpyogi)

    Have you done this:

    To make changes to your site, you will need to learn some CSS and make changes using a Child Theme or Custom CSS – so that your changes are not overwritten when the theme is updated.

    http://codex.wordpress.org/Child_Themes

    Also download and use a browser tool to help you identify the CSS that you will need to change.

    Once you have the above set up, someone can help you with the specifics to get you started.

    Thread Starter BarryB64

    (@barryb64)

    Though it’s been a while, I am comfortable with CSS. In fact, I am reading the underlying CSS code within my copy of WordPress. It’s found in the Editor section that’s part of the Appearance theme.

    As for Child Template, I think I see what you mean. There is a list of templates located on the right hand side of the editor. I’m reading the Sidebar now.

    WPyogi

    (@wpyogi)

    No, you should not edit any themes files – or your changes will be lost when the theme is updated. Creating a child theme allows you to make changes without this happening – please read the link above.

    Thread Starter BarryB64

    (@barryb64)

    I just went over to the page that you mentioned. It’s pretty clear. 🙂 My host has a file management tool.

    So, I am reading the code for the actual theme. WordPress was just organizing the info via links.

    Thread Starter BarryB64

    (@barryb64)

    Just created the canyon-child folder in the appropriate folder. I’ve also read the information on child template. I can better understand the excitement. 🙂 It was helpful to read the underlying CSS; so I can refresh my memory.

    Just need to create the needed style.css file and fill it with the right data.

    Thread Starter BarryB64

    (@barryb64)

    As I’m using Firefox, I got my hands on CSS Viewer. I can see why you said to get it. Good tool!

    WPyogi

    (@wpyogi)

    Excellent – and yes, Firebug is terrific for CSS work – basically you can use it to find the relevant existing CSS and then copy that portion to your child theme style.css file and make the changes there.

    Thread Starter BarryB64

    (@barryb64)

    Here is what I have for the child’s style.css file:

    /*
    Theme Name: Canyon Child
    Theme URI: http://inspiration-point.org/
    Description: Child theme for the Canyon theme
    Author: Your name here
    Author URI: http://example.com/about/
    Template: canyon
    */
    @import url(“../canyon/style.css”);

    a, a:visited {
    color: #6551B5;
    text-decoration: none;
    }
    a:hover, a:focus {
    color: #BBB1E0;
    }

    I am using the links as a test. I do want to change the initial state to something more identifiable. Would the code that TypeKit provided go in here? It would make it more manageable.

    Thread Starter BarryB64

    (@barryb64)

    This is getting tedious and needlessly so. I am a writer and not a codewriter. I really don’t have the time to spend on playing with codes; especially since it’s been over a decade since I learned basic CSS.

    I just need a few things done. I’ve already got the child template up on my end. I still love the Canyon theme. I just need for the the theme to use the fronts from TypeKit. It’s supposed to be Adobe San Pro.. This is the global font and Georgia for secondary. I’d like the link color to be more readale and text size in the sidebar to be a little bigger.

    It
    s would be a nice add, if the sidebar was a different color so as to offset thing.

    Isn’t there a plugin for those who DON”T want to spend time coding?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can get away with changing the appearance of text in posts/pages using the Ultimate TinyMCE plugin.

    Anything beyond that and you have to question whether it’ll be better hiring someone to do the work for you, or doing it yourself.

    Thread Starter BarryB64

    (@barryb64)

    Hi Andrew,

    Since font is the bulk of my problem I’ll have to look that plugin. What about the text in the sidebar? I thought the editor only dealt with what I’m writing? Can it do a global change? That’s what I’m wanting.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I thought the editor only dealt with what I’m writing?

    Yes, sorry, if you can use the editor in combination with the Ultiimate TinyMCE plugin, you can change the appearance of the text.

    Can it do a global change?

    No, it’ll only change the content within the editor.


    CSS
    The font family may be a little tricky, but for the link colour and size, the code you already have in your Child Theme style.css file should work.

    It doesn’t look like your Child Theme is activated. Have you completed step 3 of the first set of steps?

    Thread Starter BarryB64

    (@barryb64)

    Step 3??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter BarryB64

    (@barryb64)

    Just activated Canyon Child. It practically overrode what I had. The framework is the same, though.

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Canyon Theme: Need help in tweaking the CSS settings’ is closed to new replies.