Slider images are not linking to URL

Discussion in 'Cloriato WordPress Theme' started by pangeaseed, Mar 13, 2013.

  1. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Greetings -

    I just noticed that all my homepage slider images aren't linking to any of the URLs I have designated.
    Could you provide me the CSS code to reactivate the link?

    Thanks,

    Akira
     
  2. Nitesh

    Nitesh Support Staff

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

    You have activated non responsive theme, That's why links are not working.
    Go to the Appearance > Editor / front-page.php and replace it completely with the file attached.
     

    Attached Files:

  3. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Actually, as of now, I haven't activated the non-responsice theme yet.
    Could there be another reason for the images not working?
     
  4. Nitesh

    Nitesh Support Staff

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

    Please do let us know your website link.
     
  5. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
  6. Piyush

    Piyush Support Staff

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

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Greetings -

    I have successfully installed the updated non-responsive Cloriato Pro theme which fixed the mobile view.
    However, I would still like the slider images to link to the URLs. - Is there any way to activate the links without having to install the responsive theme.
    If you could provide me the CSS code, that would be great.

    Also, I have tried to remove the 'read more' links on the home page by adding
    .feature_content .read_more {
    display: none;
    }

    However, the 'read more' links are still visible.

    Our website URL is www.pangeaseed.org

    Thanks for your assistance.
     
  8. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Also, I would like all fonts to be 'Helvetica' and not the preset.
    Unfortunately, it switched back when I updated the theme, although I had it set before.

    Thanks!
     
  9. Nitesh

    Nitesh Support Staff

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

    To make slider images clickable download file attached in the first post and replace it with your current theme front-page.php (Appearance > Editor / front-page.php)

    For font issue:
    You have missed '}' in custom css after this code

    h1,h2,h3,h4,h5,h6,a,p{
    font-family:Helvetica!important;
    }

    That's code below it are also not working.

    [​IMG]
     
  10. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Greetings Nitesh -

    Thanks so much for the help.
    Slider images are clickable now and the "read more" has disappeared.

    The only two things that are now pending are

    1. the headers on the front page as well as all other pages still appear in the pre-set font. - I would like it to be Helvetica. It was Helvetica before but changed back to the pre-set typeface after updating the theme.

    2. if you look closely on the screenshot attached, you see that the footer area is 2px smaller than the body. how can I fix that?


    Thanks so much!
     

    Attached Files:

  11. Nitesh

    Nitesh Support Staff

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

    1) Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    font-family: Helvetica!important;
    }
    b, strong {
    font-family: Helvetica;
    }
    2) Are you getting footer issue in any particular browser or in all?
    Because your site is looking fine at my side in nearly all browsers.
     
  12. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Greetings -

    thanks for the response.

    the footer issue was resolved. I just had to empty my cache.

    for the pre-set font issue, it still doesn't fix it using the code you sent me.
    my custom CSS now looks like the following; is there anything that is conflicting?

    if you could have a look at it and let me know, I would appreciate it.
    Thanks!

    .top_cornor {
    background:none;
    }

    body {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    }

    .body-content {
    background: rgba(255, 255, 255, 0.8)!important;
    width:1000px;
    }

    h1 {font-family: 'Helvetica';
    font-size:15px;
    font-weight:400
    }
    h2 {font-family: 'Helvetica';
    font-size:20px;
    font-weight:400
    }
    h3 {font-family: 'Helvetica';
    font-size:16px;
    font-weight:400
    }
    h4 {font-family: 'Helvetica';
    font-size:20px;
    font-weight:400
    }
    h5 {font-family: 'Helvetica';
    font-size:20px;
    font-weight:400
    }
    h6 {font-family: 'Helvetica';
    font-size:20px;
    font-weight:400
    }

    .table{
    border:none;
    }
    td, th {
    border:none;
    background:transparent;
    }


    #columns {
    width: 900px;
    }

    #columns .column {
    position: relative;
    width: 46%;
    padding: 1%;
    border: none;
    }

    #columns .left {
    float: left;
    }

    #columns .right {
    float: right;
    }

    #commentsbox {display: none}

    #slides .caption{
    display:none;
    }

    .flex-caption {
    display:none;
    }

    .home_description {
    display:none;
    }

    .home_text h1 {
    display: none;
    }

    .home_text {
    display: none;
    }

    #slider_pag ul {
    display:none;
    }

    .logo img {
    width: 100%;
    }

    .widget_inner.lebo.last img {
    width: 30%;
    padding:0px 10px 0px 0px;
    }

    .body-content {
    width: 988px;
    }

    h1,h2,h3,h4,h5,h6,a,p{
    font-family:Helvetica!important;}

    .feature_content .read_more {
    display: none;
    }

    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    font-family: Helvetica!important;
    }

    b, strong {
    font-family: Helvetica;
    }
     
  13. Nitesh

    Nitesh Support Staff

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

    Your css code is correct.
    The problem is because of cufon.
    Go to the Theme directory > js > custom.js and remove code given below from there.

    Code:
    //Font replace
    Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');
    It will resolve your problem.
     
  14. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Thanks! Worked out!
     
  15. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    One more question.

    On may pages there is a difference in font typeface and color in some paragraphs.
    e.g. if you visit http://pangeaseed.org/issues/coastal-development/ you will see that the first paragraph is a different font and grey-colored.
    This is happening on every page and often, attempting to fix it manually doesn't work.

    Also, spacing of paragraphs changes on its own.

    What code could I use to fix this?

    Thanks!
     
  16. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    td, th {
    color: red!important;
    font-family: symbol!important;
    }
    p{
    color: red!important;
    font-family: symbol!important;
    }
    Inplace of "symbol" put your font type.
     

Share This Page