Christopher Theme Help

  • Unknown's avatar
    themadameditor · Member ·

    Hi there,

    I have gone through the topics but cannot seem to find the solutions to the below issues so I would appreciates your help

    1. Remove the word “Category” when I click on any menu option
    2. Centre post headings
    3. Is there a medium size to the heading fonts? or is there a css option for this?
    4. I would like to change the colour of the lines that separate the post sections; the thick black lines.
    5. Is there a way to change the font of the buttons that say “read more”?
    6. Change the drop down sub menu colour block from black.

    thanks you in advance for your help

    Annalisa

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    themadameditor · Member ·

    Hi
    can someone please help with these questions?

    I have tried to contact the theme creators in lieu of help anywhere else but have had no response. I would appreciate a reply as to whether or not these issues can be resolved.

    thanks

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Annalisa,

    1. Remove the word “Category” when I click on any menu option

    The theme and WordPress software create the titles for categories, tags and archives pages as one single line of text, so we can’t hide just part of that string. We can however hide the title entirely. 

    .archive .page-title {
    display: none;
}

    2. Centre post headings

    This will center them on the home page and archive/tag/category pages. 

    .home .entry-title, .archive .entry-title {
text-align: center;
}

    3. Is there a medium size to the heading fonts? or is there a css option for this?

    The different headings are set in different CSS rules. We can do this easily with CSS, but can you give me an idea of which headings you would want to change?

    4. I would like to change the colour of the lines that separate the post sections; the thick black lines.

    Are you talking about the lines to the left of the “by The madam-Editor” or he double lines on the main page? If the double lines, this would be the CSS. This changes also the double line borders on the quote on the main page below the slider. 

    .widget {
    border-color: #cc0000;
}

    If you do not wish to change the color of the border on the quote, then use this instead. 

    .widget:not(#christopher_quote-2) {
    border-color: #cc0000;
}

    5. Is there a way to change the font of the buttons that say “read more”?

    What font are you wanting to change it to? You have two fonts selected at Customize > Fonts, and we can use either of those. If you want a different font, then we would have to use a font that is installed on all computers since you are only allowed those two Custom Fonts. If the font isn’t one of those two, or isn’t one that is installed on all computers, then the browser will substitute the standard serif or sans-serif font.

    6. Change the drop down sub menu colour block from black.

    .nav-menu .sub-menu, .nav-menu .children {
    background-color: #cc0000;
}

    If you also want to change the menu label color, this is the base color. 

    .nav-menu .sub-menu a, .nav-menu .children a {
    color: #00ff22 !important;
}

    and this is the hover color. 

    .nav-menu .sub-menu a:hover, .nav-menu .children a:hover {
    color: #00ddff !important;
}
  • Unknown's avatar
    themadameditor · Member ·

    thanks so much for responding.

    I have tried the above and the tips work thank you.

    – centre the heading; can we do this on post pages too? it is still left aligned when i go to the post page.
    – Heading- i am talking about the post title heading and the section heading on the homepage “life” Style” etc. I would like this to be slightly bigger at the moment in the font option I am only given small, normal or large etc. I would like it to be between normal and large- medium.
    -read more button; I would like for this to be in “lucinda handwriting font” if at all possible.

    additional issues-
    -quote block; I would like to change the background colour to white please
    -Header image- I recently tried to upload a header but each it was too wide and pixelated, the most recent is in my images could you please take a look and let me know what I am doing wrong.

    Thank you so much once again, I really appreciate it thesacredpath

  • Unknown's avatar
    thesacredpath · Member ·

    centre the heading; can we do this on post pages too? it is still left aligned when i go to the post page.

    The single post pages are a bit different due to the date block. Add this and see what you think. 

    .single .col-sm-10 {
    width: 100%;
    text-align: center;
}
.single .col-sm-2 {
    float: right;
}

    Heading- i am talking about the post title heading and the section heading on the homepage “life” Style” etc. I would like this to be slightly bigger at the moment in the font option I am only given small, normal or large etc. I would like it to be between normal and large- medium.

    Add this and adjust as desired. 

    .front-page-widget .page-title {
    font-size: 30px;
}

    -read more button; I would like for this to be in “lucinda handwriting font” if at all possible.

    This is a good resource for cross-platform fonts that are installed on most all Mac and Windows systems. Sadly, Lucida Handwriting is not something that is installed on either system as standard, and we can’t install fonts from outside here at WordPress.com. As far as custom fonts, we are limited to the ones listed at Customize > Fonts, and are limited to setting only two, headings and base.

    quote block; I would like to change the background colour to white please

    Here you go. 

    .widget_christopher_quote {
    background-color: #fff;
}

    Header image- I recently tried to upload a header but each it was too wide and pixelated, the most recent is in my images could you please take a look and let me know what I am doing wrong.

    Are you talking about this image: https://themadameditor.files.wordpress.com/2016/01/header-2016-copy2.jpg ? If so, the image is smaller than the recommended size for Christopherl, which is why it is becoming pixelated. If you go to Customize > Header Image, the paragraph at the top recommends a size of 1280 x 325 pixels. Edit your image in your image editing program and make the overall size of it as recommended and use that image and all should be well.

  • Unknown's avatar
    themadameditor · Member ·

    hi sacredpath

    thanks so much for your help.

    centre heading- works but there is a lot of white space between the heading and the dateline is there a fix for that please?
    Category heading resize- it works on the homepage. Can I make this the same on the post pages as well please?
    Noted on the read more button, i thought that was a bit of a stretch but thanks for trying.
    Header; I will play around with my image and set this to right.

    One more thing;
    the post pages where it has the related post, can I centre align but the “related” and the social media share and share buttons please.

    thanks so much I appreciate the help.

  • Unknown's avatar
    thesacredpath · Member ·

    On the heading, on this rule, change it to look like this 

    .single .col-sm-10 {
    text-align: center;
    position: absolute;
    bottom: 0;
}

    and then add this also. 

    .single .entry-header .row {
    position: relative;
}

    We can modify what we have or the category titles on the home page so that it also works on archive, tag and category pages by doing this. 

    .front-page-widget .page-title, .archive .page-title {
    font-size: 30px;
}

    On the title for the related section and sharing at the bottom of single posts, add the following to center. 

    div#jp-relatedposts h3.jp-relatedposts-headline, div.sharedaddy h3.sd-title {
    float: none !important;
    width: 100%;
}
div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy {
    text-align: center;
}
  • Unknown's avatar
    themadameditor · Member ·

    thanks so much these worked a charm and the header is sorted.

    the only thing I seem to have issue is with with the font size, the modification does not quite work. Could this be because I replaced the first code with the second?

    thanks so much

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, it looks like you have this sorted out, yes? If not, let me know what is still an issue. The single post titles are centered and lower, and the social icons are also centered below the posts.

  • Unknown's avatar
    themadameditor · Member ·

    hi Sacredpath

    i am almost there the only thing was the font size, after doing the modification,

    replacing this code
    .front-page-widget .page-title {
    font-size: 30px;
    }

    with this one
    .front-page-widget .page-title, .archive .page-title {
    font-size: 30px;
    }

    it does not seem to work. Should I leave both codes there?

    thanks so much
    aNNALISA

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, I see you have this in your custom CSS 

    .front-page-widget .page-title, .archive .page-title {
    font-size: 30px;
}

    and I’m seeing that applied on both the front page and also on categories pages. Are you not seeing that?

  • Unknown's avatar
    themadameditor · Member ·

    Hi,
    yes I posted it on both pages, but I wasn’t sure if it applied to the post pages as it seems a little smaller than the others.

    I’ll likely play around with it. thanks so much

    Annalisa

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Christopher Theme Help’ is closed to new replies.