customizing item "Blog Slider"

BelovedLittleOne · February 2019

Dear Support Team!

I have a few questions regarding customizing the item "Blog Slider"

Please see screenshots for clarification:

https://prnt.sc/mlfq92

https://prnt.sc/mlfqql

Blog Slider Style "default"

1: How can I make the whole button visible?

2: where can I change the colors of that button? (Background/Hovering/Arrow in button)

3: where do I change the color and length of that line? Or make it go away completely?

4: where do I change the colors of the Read More button?

5: How can I make the text be in line with the image and the button?

Blog Slider Style "flat"

6: how can I add a white line around the picture, like in the style default?

7: how big are the pictures (px/px) (want my logo so show)

8: I guess the same as 3?

9: that side-bar that goes to the next 4 blog-posts: where can I accustome it? Colors? Thickness? Make arrow bigger/thicker?

10: How can I make that side-bar not overlap my text and pictures?

I know that are a lot of questions and I highly appreciate your support!

Thanks in advance,

kind regards,

BelovedLittleOne/Manu

Pablo · February 2019

Hi,
1) I cannot see these buttons, did you disable them?
I have to take a look at them why do they not visible completely.

2) Button colors can be changed in Theme Options > Colors > Content
The hover color can be changed with Custom CSS only.
http://prntscr.com/mlgf19

3) It's the Hr color.
Theme Options > Colors > Content
http://prntscr.com/mlgf74
To disable it, you have to create Custom CSS.

4) It's the same place as in the answer no. 2

5) It cannot be done with the Default style.
To prevent that, you have to use the "Flat" style.

6) It can be done only with Custom CSS.
BeTheme does not have such functionality in the flat style.

7) To change the size of the images used in portfolio/blog, please navigate to theme options>blog,portfolio&shop>featured image.
Notice! Remember to use thumbnail regeneration after you make your changes. Otherwise, the images will not change their size.

8) Yes, that's the same.

9, 10) It can be done only with Custom CSS.

If you don't know how to handle the CSS, please tell me which elements do you want to customize, and I'll make it for you.
Thanks

BelovedLittleOne · February 2019

Hi,

thank you for your great support!

since nr. 5 can not be changed, I'll use "Flat" Style;

Therefore Nr. 1-5 are irrelevant ;-)

6) white line around featured image: please be so kind and create custom CSS.

8) Hr/line please create custom CSS and disable it.

9&10) Please create custom CSS to move that bar out of the picture & writing (for desktop and mobile version); the colors are fine the way they are.

Thank you very much! :-)

Pablo · February 2019

Please paste these codes into the Theme Options > Custom CSS & JS > CSS

6)


.blog_slider .image_wrapper{
	border:2px solid white !important;
}

8)

.blog_slider .desc hr{
	display:none !important;
}

9,10)

.blog_slider .slider_next{
	right:-70px !important;
}

.blog_slider .slider_prev{
	left:-70px !important;
}

If you have some other questions, feel free to ask
Thanks

BelovedLittleOne · February 2019

Awesome!

Thank you! :-D

customizing item "Blog Slider"

Comments