Hi Lee,

Thanks for writing in!

If you wish to achieve something like this: http://prntscr.com/9tajix and http://prntscr.com/9tamtq. Please add the following code under Appearance -> Customize -> Custom CSS:

#social:after {
content: "+94 703 51152";
color: #000000;
position: relative;
top: 55px;
left: 193px;
font-size: 22px;
}

@media screen and (max-width: 767px) {
#social:after {
top: 13px;
left: 0px;
}
}

Change the contact number, font size and color into the values as desired.

Hope this helps!

Thanks.

Hi Michael,

glad that worked!

Should I remove the previous code Denzel had me place in CSS for the frame re-sizing, or leave it and add this new coding?

Yes, you can remove any extra codes that are repeating.

Why do I need to add this custom code when there are clearly options within the theme design that should be making these changes. I am grateful for your help in getting it to display correctly, but I thought the theme options should be able to make those changes without adding custom CSS.

Where you required a fix; we tried to help you to get over on that. Though, sometimes we provide the custom codes to assist.

Thanks!

Hi Lee,

Thanks for writing in!

images are stretched. I’d like to fix that.

Please add the code below to get along with the actual size of the images under your Theme Options -> Custom CSS

.woocommerce ul.products li.product a img {
width: auto !important;
}

In order to achieve something like this: http://prntscr.com/9t4gdp, then please use the following code instead:

.woocommerce ul.products li.product a img {
width: 55% !important;
}

Also, I’d like for the descriptions to show up under the books.

Upon checking, it seems you haven’t added descriptions under the titles; please confirm.

Thanks!

Hi Lee,

Thanks for writing in!

As far as making the font look better on the right side above it, the font should be a little larger.

Please add the following code under your Theme Options -> Custom CSS

.widget-title {
font-size: 23px !important;
margin-left: 18px;
}

If you wish to justify the ‘Popular Articles’ text (see: http://prntscr.com/9t3ux6); you can use the above code, otherwise remove the “margin-left: 18px;” from the provided code.

Thanks!

Hi Jan,

Thanks for writing in! would you mind proving the link of your website so we can take a closer look into your setup. Meanwhile, you can try adding the following code under Appearance > Theme Options > Custom Css:

body {
background-attachment:fixed;
}

Thanks.