• Hi All,

    I’m a newbie to WordPress CSS. Tesseract theme.

    Here’s the temp site: https://954.29e.myftpupload.com/

    I’m trying to make the following changes but for the life of me I can’t seem to locate where to make the changes.

    1. Increase the logo size
    2. Move the header menu to align right of the page
    3. Remove the entire footer menu and bar
    4. Add and center copyright line. With the current theme, I wanted to add ‘All Rights Reserved’ but when I did that, the a line break made part of the text move to a 2nd line.

    Thank you all in advance for your help!

    • This topic was modified 7 years, 11 months ago by Jan Dembowski.
Viewing 15 replies - 1 through 15 (of 49 total)
  • Sam

    (@soumendra)

    Hello,

    you can made those changes by adding these to your Custom CSS:

    1.

    .site-logo img {
        height: 50px;
        max-width: 129px;
    }

    2.

    .header-menu ul {
        float: right;
    }

    3.

    footer {
        background-color: transparent !important;
    }
    .footer-menu {
        display: none;
    }

    4. Please add that ‘All Rights Reserved’ again in your footer and let me know so that i can help you regarding that.

    Thank you.

    Awesome this is where I need to be.

    I actually want to remove the header just from a single page. I am guessing I need to be in the header.php but I am not sure of the coding to target a single page.

    @chuck1212 and @markated

    Hope this helps –

    Just go to dashboard: appearance: editor

    On the right side find: footer> footer php.

    Open this code

    Towards the end of the code find <div id=”designer”> and rename “Theme by” and link” tyler.com” to your link

    Sam

    (@soumendra)

    Hello,

    @kirkbyboy:

    Please look if there is a Theme Option there for that there. If not then please edit your index.php by going to Appearance > Editor > index.php and add sidebar there.

    @sarvankarthik:

    If you do not want to edit the core files, please use some third party plugin which allow you to add widgets in the footer as per requirement.

    @zasea:

    Can you please share direct link to the page so that I can help you with some CSS for achieving that?

    Looking forward for your reply.

    Thank you.

    Thanks Sam any idea about the thumbnail issue for blog posts?

    Sam

    (@soumendra)

    Hello kirkbyboy,

    I am not familiar with the theme please check the theme option if there is any option there for the thumbnails.

    Thank you.

    Sam

    (@soumendra)

    Hello zasea,

    Header means are you referring to the menu there?

    Please provide a screenshot of what you are referring to.

    And for the buttons in the homepage you Can try this in your Custom CSS:

    #panel-7-0-0-0 .textwidget a {
        background-color: #000;
    }

    For the hover color you can try this:

    #panel-7-0-0-0 .textwidget a:hover {
        background-color: #274;
    }

    You can adjust the color as per your requirement.

    Hope that helps you, feel free to ask if there is any other problem.
    Thank you.

    @sam

    Thank you I will work on this now. For the header – yes sir the menu along the top.
    header

    Thank you again for your help.

    Z

    This is my first post on the forum, and my first time playing about with WordPress to design a web site. I’m using the Tesseract theme from Tyler Moore, and everything seems to be working just fine until I go to my home page on my iPhone 6. My google font typography for ‘Elegant Web Design’ doesn’t scale correctly on my screen. I thought this theme was fully responsive, but I can’t see where I can get this to scale properly. Can anyone help me please?! Do I need to edit the CSS in the editor?

    Thanks in advance!

    My site is dapperwebdesign.com

    Simon

    I used his YouTube video and went through it directly as he did it. Maybe I missed out on an instruction when he was creating the Google fonts. I shall go back over that part of it.
    Everything else seems to work fine and makes sense! I’ve just got to get this font scaling sorted!
    Thanks
    Simon

    However, saying that, and looking through the blog at least so far, I can’t see where I’ve made a mistake. I shall go through the YouTube video of it later and see if I’ve missed something :/

    zasea – I’ve just looked at your site, and found a this:

    <span style=”font-size: 67.8333px;” class=”headline-resize home-headline”>zac thomas </span>

    That “headlie-resize” has worked for me! Wow. I just about figured it out myself, with help from you!

    Thanks very much!
    Simon

    @simon

    Glad I could help.

    Z

    Go to ‘Appearance’ then click on ‘Customise’ and select ‘General’ then ‘Background Image’, and check you haven’t got that image set as your background image. Looking at your site, it looks like that’s the case.

    Simon

    THAT WAS IT!!!!! Thank you so much. I have no idea how it became a default background image, but that is what happened.

Viewing 15 replies - 1 through 15 (of 49 total)
  • The topic ‘Need help with Custom CSS’ is closed to new replies.