Trouble changing my post-format border colours

  • DarkBonita

    (@darkbonita)


    9 years, 2 months ago

    Hello 🙂 This is my first post. I’m new to WordPress and CSS but I’ve found the templates quite easy to use. I have very basic knowledge of HTML but I’ve made some minor tweaks to my template in the style sheet with just a bit of common sense and some short research on the web. However, I’m having difficulty locating this problem and finding a solution. I’ve never used WordPress before a couple days ago.

    I’m using the latest evolve theme and I want to change the color of the post format border. For example, when choosing video format for a post the frame is thick and yellow around the post/photo. For standard format it’s transparent, for status format it’s blue, for another it’s pink, etc, etc. you get the point.

    Here is my website so you can see an example of the video format which is also missing a preview photo. http://www.fitpaknutrition.com

    Here are the goals I’m trying to accomplish with the posts:

    1. Either completely remove the border (currently yellow) or change the colour and size for each format so it better matches the colors on my site.

    2. Figure out why the link image doesn’t show up in the post on the home page.

    **Here is a perfect example of what I’m trying to accomplish with my home page posts. These are clean and simpler looking. http://www.livefitapparel.com You can scroll to the bottom of that page to see the posts.

    Thank you in advance for your time in helping me through my trial and error phase of site building, I appreciate it! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • APRWebdesign

    (@aprwebdesign)

    9 years, 2 months ago

    Hy Darkbonita,

    to change the color of the video format box use:

    .home .format-video{
background:blue; /* enter any color you like*/
}

    with the above code you will have to create a few rule’s for every format ( for photo format it may be .home .format-photo , you will have to check the class of the box you are trying to change in the sourcecode.

    to just remove the color use:

    .home .formatted-post{
background:blue; /* enter any color you like*/
}

    you might want to change the text color when removing the background.

    Kind regards,

    Larsen

    Thread Starter DarkBonita

    (@darkbonita)

    9 years, 2 months ago

    Thank you Larsen.

    That was easier than I expected. I’ll try to change the box size, frame and text on my own before I come back and ask for more help. 🙂

    However, I’m still confused as to why the video doesn’t show up in the frame? If I “set featured image” then I have two images when it links to the blog page. Is there a way to embed the video on the home page or at least have the video still shot show up in the home page post like in the example website I posted in my initial post? Thanks very much for your help.

    DB.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trouble changing my post-format border colours’ is closed to new replies.