Icon on the sidebar course

[Raph]

Hello, I would like to shift the icons to the right edge of the column. How can i do this ? I want more space between the text and the icons. Thank you

[Raph]

This reply has been marked as private.

[Ada]

Hi, You can use this css code to increase width of this element. Add this code in appearance>> customize>> custom css

.single-course .course_header5_sideblock .course_details ul li {
    min-width:310px !important;
}

[Raph]

This reply has been marked as private.

[Ada]

Hi, For tablet view use this css code-

@media(max-width:1024px){
    .single-course .course_header5_sideblock .course_details ul li {
    min-width:250px !important;
}
.single-course .course_header5_sideblock .the_course_button a{
    font-size:16px !important;

}}

[Raph]

This reply has been marked as private.

[Ada]

Hi, For button text in center please add this css code in appearance>> customize>> custom css

.single-course.course .course_header5_sideblock div#course-pricing a.course_button.full.button {
    max-height: 70px;
    padding-top: 10px !important;
}

B,C- When I checked it was inside the block but you can decrease the width little bit from the code I provided you earlier. In that code you had to set the width as per your need. https://prntscr.com/10hrpci

[Raph]

Hello, Thank you, but if I put your code, is not anymore responsive. I would like the icons to automatically align to the right side of the sidebar, regardless of the screen size.

[Raph]

hello, its very urgente please.

[Veronica]

This reply has been marked as private.

[Raph]

This reply has been marked as private.

[Veronica]

hi this is because the button size is not suitable for full content in a line that's why maintaining the center alignment shifts the text and also please if you have any query regarding the styling issue then please create a topic in the styling section for accurate support

[Raph]

OK so you can not help me here with the icon ?

[Veronica]

hi can you please elaborate on the icons issue?

[Raph]

This reply has been marked as private.

[Author]

Posts