Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 11, 2019 at 7:55 am #1109026
    wealthyone

    Just wondering if you can help me here.

    If you look at my website I see the fond under the category image is very small.
    I would like to increase the size of the font and also put a background color behind the wording.

    I cant quite get the right code for this one..

    So

    Increase the size of the font and change its color. And also put a background color behind these words only.
    Can the background color have rounded corners as well.?

    Thanks for any help

    June 11, 2019 at 1:19 pm #1109122
    Rikard

    Hey wealthyone,

    Please try the following in Quick CSS under Enfold->General Styling:

    .tax-product_cat .term-description p {
  font-size:16px;
  background-color:green;
}

    Best regards,
    Rikard

    June 11, 2019 at 2:27 pm #1109155
    wealthyone

    Thanks

    is it possible to Indent the words from the sides and also make the background color a complete box area
    If there is a 2nd paragraph it leaves a gap in the background color

    June 11, 2019 at 2:30 pm #1109160
    wealthyone

    oh also with rounded corners.

    So a complete box with rounded corners that the words sit within

    June 12, 2019 at 5:09 am #1109343
    Rikard

    Hi,

    Try this instead:

    .tax-product_cat .term-description p {
  font-size:16px;
  background-color:green;
  margin:0;
  border-radius:5px;
  padding: 5px 10px;
}

    Best regards,
    Rikard

    June 12, 2019 at 5:10 am #1109344
    Rikard

    Hi,

    If you want to do things like this yourself then it’s well documented around the web, here for instance: https://www.w3schools.com/. Writing basic CSS is not theme, or even CMS specific.

    Best regards,
    Rikard

    June 12, 2019 at 5:21 am #1109348
    wealthyone

    Yes I am learning. Have done a lot lately with the right click & Inspect
    Just getting the right first line is important
    like
    .tax-product_cat .term-description p {

    And that code is perfect..
    Thank you very much

    • This reply was modified 5 years, 5 months ago by wealthyone.
    June 12, 2019 at 7:24 am #1109399
    Rikard

    Hi,

    Great, I’m glad that you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.