CSS for adjust the size font & size width of the slider news (OXYGEN THEME)

madhypemx · Member · Oct 15, 2013 at 11:20 pm
Copy link

Add topic to favorites
Im adjust the size width of my blog but the slider size is grong i need the code for adjust this slider and the font of the title slider.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 15, 2013 at 11:44 pm
Copy link
Hi there, the following CSS will adjust the width of the feature content image to fill the available space. I’ve move the previous and next buttons to the top of the image since at the bottom, they don’t stay on the corners of the image when you narrow down the browser window. See what you think about the following.
```
#featured-content .featured-post img {
    width: 100%;
}

#featured-content {
    max-height: 383px;
}

.slider-nav {
top: 0;
}
```
madhypemx · Member · Oct 16, 2013 at 1:21 am
Copy link
THANKS AGAIN!!! YOU ARE GOD!!!

And we can change the size of title of the entries on the slider?
thesacredpath · Member · Oct 16, 2013 at 4:21 pm
Copy link
You are welcome. For the titles on the slider, add the following and adjust as desired.
```
.featured-post .entry-title a {
    font-size: 0.9em !important;
}
```
aphieming · Member · Nov 12, 2013 at 7:18 am
Copy link
Hi. I have a similar question. On the slider, the title and date always covers the middle part of the featured image. How can I change the position of the title/date to another area of the featured image (e.g. to the top right hand corner or the bottom right hand corner)? Thanks!

The blog I need help with is aphieming.wordpress.com
justpi · Member · Nov 12, 2013 at 12:35 pm
Copy link
@aphieming: Do you have the Custom Design upgrade?
aphieming · Member · Nov 13, 2013 at 7:16 am
Copy link
Not at the moment, I could get it if it solves my problem :)
justpi · Member · Nov 13, 2013 at 9:22 am
Copy link
Ok then!
If you wish to preview it, paste this in the CSS editor (after deleting the whole intro message):
```
.featured-post .entry-title a {
top: 0;
}
.featured-post .entry-meta {
top: 66px;
}
```
aphieming · Member · Nov 14, 2013 at 6:29 am
Copy link
Thanks for getting back to me. The title and date now appear on the top right hand corner. However, the background white color of the title/date now covers almost 3 fourths of the featured image! Any idea how this can be fixed? Thanks again!
justpi · Member · Nov 14, 2013 at 10:55 am
Copy link
You’re welcome.
Sorry, I ignored one (crucial) detail; correct code:
```
.featured-post .entry-title a {
top: 0;
bottom: auto;
}
.featured-post .entry-meta {
top: 66px;
bottom: auto;
}
```
aphieming · Member · Nov 15, 2013 at 2:37 am
Copy link
It looks pretty now! Thanks a million!

No items found.