Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15576

    Hi,

    I would like to add an image ( button ) in the same height where the page title is just on the opposite side ( align right )

    Is that possible ?

    #88056

    Hi,

    What page do you want to add it?

    Regards,

    Ismael

    #88057

    Hi,

    To the blog ( front page ) page.

    Regards

    #88058

    Hi,

    Open template-blog.php, find this code

    <div class='container template-blog '>

    Below that create a new div or an img tag, put a unique class on it. Float it right on your custom.css. Example.

    <div class="new-image">
    <a href="LINK"><img src="IMG SOURCE" /></a>
    </div>

    On your custom.css, try to add.

    .new-image {
    float: right;
    width: 100px;
    height: 100px;
    }

    Cheers,

    Ismael

    #88059

    Hi,

    Thanks it works but now the button is pushing the title ( Blog Latest News) down. ( example: viktorlajos.com )

    How can I bring them in the same line ?

    and …is there any way I can control the Blog Title Container ( not sure what’ts the name of the div) height without effecting the #top .page-title ?

    Regards

    #88060

    Hi viktorlajos,

    Replace this code in your Quick CSS:

    .wd-button {
    float: right;
    padding: 0px;
    width: 130px;
    height: 50px;
    }

    with this code:

    .wd-button {
    padding: 0px;
    width: 130px;
    height: 50px;
    position: absolute;
    right: 0;
    }

    About the next question, I think you can target this one:

    .template-blog .title_container {

    }

    Hope this helps. :)

    Cheers,

    Ismael

    #88061

    Thank’s. It looks good, but somehow it doesn’t behave like a link anymore, it’s not a clickable… strange. Any suggestion ?

    #88062

    Hi viktorlajos,

    I think I have forgotten to include z-index. The complete code should look like this:

    .wd-button {
    padding: 0px;
    width: 130px;
    height: 50px;
    position: absolute;
    right: 0;
    z-index: 999;
    }

    Regards,

    Ismael

    #88063

    Thanks very much

    Cheers

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Add an image’ is closed to new replies.