Is Andrina Theme compatible with the new Wordpress 3.7 update?

Discussion in 'Andrina WordPress Theme' started by kbrad613, Oct 27, 2013.

  1. kbrad613

    kbrad613 Member

    Joined:
    Jun 13, 2012
    Messages:
    34
    Likes Received:
    1
    Just wanted to make sure that the Andrina 2.1 theme is compatible with Wordpress 3.7 before I update it.

    Also, can you tell me what is new in the Andrina 2.2 theme?

    Thanks!
     
  2. kbrad613

    kbrad613 Member

    Joined:
    Jun 13, 2012
    Messages:
    34
    Likes Received:
    1
    Ok, so I went ahead and updated both Wordpress and the Andrina Theme, since I didn't have a problem with the previous update... and oh my! It took a LOT of work to make things right again! Still having some issues. First, I can't get my logo any bigger than it is now (240 x 48), when before I was able to have it the entire width of the page (900 x 254). Also, the default font is TINY!! I had a custom code to increase the font and spacing on my pages and individual posts (see my last thread on "thumbnail images not lining up properly" for reference) and even though it's in my Custom CSS section, it's not consistent for all posts and pages. Some pages (fun, photography, About Me) have even gone back to the same tiny font that is on the homepage.

    So, here is what I would like.... all pages and fonts to have the following code (I tried to copy the code and replace ".post" with ".page" but it didn't fix the pages.)
    .post_content {
    line-height: 26px;
    }
    .post_content p {
    font-size: 20px;
    }
    I would also like to increase the homepage font by at least 2 points (if it's at 8, I'd like 10, etc...)

    As well as allow the logo image to remain at the uploaded size of 900 x 254 px.

    Thank you!
     
  3. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For other post and pages.
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    p{
    line-height:33px!important;
    }
    
    For front page.
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .feature-content .feature-item p {
    font-size: 33px;}
    .bottom-feature .bottom-feature-left .bottom-feature-left-inner p {
    font-size: 20px;}
    .bottom-feature .bottom-feature-right .bottom-feature-right-wrapper p {
    line-height: 22px;}
    .feature-content .feature-item h4 {
    font-size: 17px;}
    
    Change size according to your requirement.

    For logo do let me know your website link.
     
  4. kbrad613

    kbrad613 Member

    Joined:
    Jun 13, 2012
    Messages:
    34
    Likes Received:
    1
    my website is www.thenarrowlens.com. The logo used to span the entire width of the page (900 x 254), but even though I uploaded the same picture I had, it reduces it to the default size of 240 x 48. For the font issue on the front page, I added the suggested code, but for some reason it did not change all of my blog excerpts. Some now have the larger font, while others still have the small font. Also, the sidebar font is still small as well. As for the pages.... the font did not change on any of the pages it needed to (Fun, Photography and About Me).

    One additional issue... if you hover over the tab at the top, it lists my site name and tagline twice... any ideas on how to fix it?

    Thanks.
     
  5. kbrad613

    kbrad613 Member

    Joined:
    Jun 13, 2012
    Messages:
    34
    Likes Received:
    1
    In looking at the different font sizes, I'd like the font to be 16pt on the front page (except for the headings and the bottom widget area). I'd also like the 16pt font for the sidebar widgets that appear on the post pages (such as Welcome, Recent Posts, Top Posts, etc). Then I'd like font size 20pt for all posts and my pages. Can you provide me the code to do that?

    Thank you!
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107

    Hello,

    1. For your logo issue,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .header .logo img {
    width: 916px;
    height:auto;
    }
    @media only screen and (min-width: 767px) and (max-width: 960px) {
    .header .logo img {
    width: 730px;
    height: auto;
    }
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .header .logo img {
    margin-left: 10px;
    width: 240px;
    height: auto;
    }
    }
    @media only screen and (max-width: 480px) {
    .header .logo img {
    margin-left: 10px;
    width: 240px;
    height: auto;
    }}
    This will solve your logo issue.

    2. For your font issue on the home page,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    body.home .bottom-feature-left-inner {
    font-size: 16px;
    }
    body.home .bottom-feature .bottom-feature-left .bottom-feature-left-inner p {
    font-size: 16px;
    }
    body.home .bottom-feature .bottom-feature-right .bottom-feature-right-wrapper p {
    font-size: 16px;
    }
    
    You can adjust the value of font-size as per your requirement.


    3. For the tagline issue,
    It is occurring because of "Yoast WordPress SEO plugin" you are using.
    For this issue,
    go to the header.php file present in your Theme Directory and replace all the existing info between the title tags with the code given below
    Code:
    <?php wp_title(''); ?>
    See the link given below for reference.

    http://content.screencast.com/users...fe-49be-ae52-ab072c22027b/2013-05-24_1144.png

    This will solve your issue.
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107

    1. For the sidebar font issue,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .sidebar .textwidget {
    font-size: 16px;
    }
    .sidebar form p {
    font-size: 16px;
    }
    .sidebar a {
    font-size: 16px;
    }
    
    2. For the posts and pages issue,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .main-content .full-width p {
    font-size: 20px;
    line-height: 24px!important;
    }
    .content-bar p {
    font-size: 20px;
    line-height: 21px!important;
    }
    .content-bar .post p {
    font-size: 20px;
    }
    .post_content h5 {
    font-size: 20px;
    }
    .post_content span {
    font-size: 20px;
    }
    
    You can adjust the values as per your requirement.
     

Share This Page