Hi! I'm using the Soledad "Travel Magazine" imported demo with the "Magazine 1" layout. I was looking to change the size of titles, both in the top-slider as well as in the other first-page displayed articles. Guessing some custum-css is needed?
1/ The size changes on the two smaller posts, but not on the main one...
2/ Works great on the left post!
2 a/ Tried a little css of my own and added
@media only screen and (min-width: 1170px){ .home-featured-cat-content .mag-post-box .magcat-detail h3 a{ font-size: 20px; } } to custumize the left column as well, however I seemed to override the first css then.
If I want to custumize both, could you please help me merge the two? (However want to be able to make them different sizes)
Hi! I'm using the Soledad "Travel Magazine" imported demo with the "Magazine 1" layout. I was looking to change the size of titles, both in the top-slider as well as in the other first-page displayed articles. Guessing some custum-css is needed?
Thanks for a beautiful theme!
//Emma
Hi,
Thank you for loving our theme.
1/ To change the size for slider, please add more this code to Customize > Custom CSS:
@media only screen and (min-width: 1170px){ .featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a{ font-size: 28px; } .penci-mag-featured-content h3 a{ font-size: 20px; } }Change number 28 & number 20 to value you want ( one value for big post on slider, one value for small posts )
2/ To change the font size for post title of the first posts like on the image you sent, please add more this code to Customize > Custom CSS:
@media only screen and (min-width: 1170px){ .home-featured-cat-content .first-post .magcat-detail h3 a{ font-size: 20px; } }Change number 20 to value you want.
Best Regards,
PenciDesign
Great! Thanks!
1/ The size changes on the two smaller posts, but not on the main one...
2/ Works great on the left post!
2 a/ Tried a little css of my own and added
@media only screen and (min-width: 1170px){
.home-featured-cat-content .mag-post-box .magcat-detail h3 a{ font-size: 20px; }
} to custumize the left column as well, however I seemed to override the first css then.
If I want to custumize both, could you please help me merge the two? (However want to be able to make them different sizes)
Thanks again!
Hi,
1/ If so, you can change the code I sent to:
@media only screen and (min-width: 1170px){ .featured-style-25 .penci-mag-featured-content h3 a{ font-size: 20px; } }2/ You can use this code do custom first posts & small posts:
@media only screen and (min-width: 1170px){ .home-featured-cat-content .magcat-detail h3 a{ font-size: 16px; } .home-featured-cat-content .first-post .magcat-detail h3 a{ font-size: 20px; } }Best Regards,
PenciDesign
Hi again!
I'm sorry if I was unclear :)
The first css for the top slider doesn't work on the main post, it only changes the title-size for the other two (2 and 3).
Best regards!
//Emma
Hi,
Can you show me your site url to I can take it a look?
Best Regards,
PenciDesign
Hi again!
I'm on a devsite on my localhost so far :)
I'm attaching a screenshot where I exaggerated the fontsizes so you can see what happens.
On the left- size does not change.
on the right- size change works fine!
Hi,
Ah, you're using featured slider style 6 - I was thinking you're using featured slider style like on travel magazine demo.
Ok, for first posts on the slider, please add more this code to change font size for it:
@media only screen and (min-width: 1170px){ .featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a{ font-size: 20px; } }Best Regards,
PenciDesign
Ok! That worked! Thanks! The top-slider is now exakly how I want it :)
But now the css :
@media only screen and (min-width: 1170px){ .home-featured-cat-content .magcat-detail h3 a{ font-size: 16px; } .home-featured-cat-content .first-post .magcat-detail h3 a{ font-size: 20px; } }Stopped working... :/
Hi,
Seem you did it wrong something.
Please send me your admin url and admin account ( username and password ) - in a private reply. I will take it a look.
Best Regards,
PenciDesign
Hi again!
I actually switched place on the both css-elements and everything worked out!
So, big thanks for now!
again, love the look and feel of the theam and it perfectly suitable for what I'm producing here :)
//Emma