[Delicious] Slider align text ?

Community Forums Forums Design Tips and Tricks [Delicious] Slider align text ?

This topic is: not resolved

This topic contains 14 replies, has 4 voices, and was last updated by  Boblebad 1 year, 3 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #33935

    Boblebad
    Participant
    Post count: 64

    Hi

    How is it possible to align the text in the slider post ?

    I have the image to the right, and have the text to the left and i want the text to be centered between top and bottom, anything i change at margin or padding, has no effect, i can only move the whole slider down…

    All the best
    Carsten, Denmark

    #33939

    Anita
    Participant
    Post count: 7568

    Please share a link to your site so we can take a look.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #33951

    Boblebad
    Participant
    Post count: 64

    Thanks for your answer :)

    It’s just a standard Delicious slider http://www.gittehovmand.dk/

     

    #34465

    Boblebad
    Participant
    Post count: 64

    Is there anyone who can help with this ?

    All the best
    Carsten, Denmark

    #34487

    Anita
    Participant
    Post count: 7568

    Let me see if I can get someone to help you. I tried looking at the code and cannot find where to edit it. Give me a couple hours if that much.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #34491

    Boblebad
    Participant
    Post count: 64

    Thanks anitac :)

    Sounds great :)

    #34492

    Diane Kinney
    Participant
    Post count: 30

    I was able to style the text by adding

    .slider-post h1 {
    padding-top: 100px;
    }

    to the stylesheet. If you add that and do some experimenting, you should be good to go.


    Need more help? Find me on Twitter @gidgetthegeek

    #34518

    Boblebad
    Participant
    Post count: 64

    Thanks Diane

    This could help, but i’m using h2 in the post, and the title is h2 too, so the padding is added to both ?

    EDIT: I only need the post-text to be at the bottom, not the title…

    #34534

    Diane Kinney
    Participant
    Post count: 30

    Carsten, I’m somewhat confused. I did a little screenshot so you can see what I see. Screenshot

    It appears to me that there is a slider at the top with an h1 title and image right, and below that a featured post – two separate items?  In retrospect, not certain I understand exactly what are you trying to adjust.  Thanks.


    Need more help? Find me on Twitter @gidgetthegeek

    #34544

    Boblebad
    Participant
    Post count: 64

    The slider has a kind of a featured post to the left and an image to the right

    The post has a title, and that title is h2

    In the post i have used h2 to get a bigger text for better reading, so when adding the style to h2 pad’s both the title and the post-text

    I only need to have the post-text aligned to the bottom of the slider, so the title stays at the top :)

    EDIT: Sorry for the mix-up, i’m working on two sites with the same theme, http://www.gittehovmand.dk is without title and http://www.vaegthealing.dk is with title :)

    EDIT2: Actually, i’m not sure why the title of the post is treated as h2, cause it is bigger than the post-text, so i must be h1, but not defined as so…

    #35414

    Boblebad
    Participant
    Post count: 64

    Any one who can tell me how to align only the text in the slider ?

    All the best

    #35959

    Boblebad
    Participant
    Post count: 64

    I still have this problem and haven’t found a solution yet…

    All the best

    #35969

    Anita
    Participant
    Post count: 7568

    Putting out another SOS signal for you!


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #35978

    Ozzy
    Participant
    Post count: 214

    you can try putting this in your style.css:
    [css]
    .slider-post h1 {
    position: absolute;
    top: 45%;
    width: 50%;
    }[/css]

    you can mess with the top percentage to put it right where you want it vertically.


    #39692

    Boblebad
    Participant
    Post count: 64

    Sorry for the late reply, have had some other projects at work that i needed to tend to…

    It works on http://www.gittehovmand.dk, but not on http://www.vaegthealing.dk

    I use h2 in the post and have change the style from h1 to h2, but nothing happens ?

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

You must be logged in to reply to this topic.