Border lines around images in Sundance theme

  • Unknown's avatar

    How do I get rid of the thin border lines around the images in the Sundance theme?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Heya,

    As you have a WordPress Premium upgrade, you can remove the border around the images on the blog by using custom CSS. The menu is found under Appearance > Custom Design > CSS in your dashboard, or at the following link:

    https://wholeagainorg.wordpress.com/wp-admin/customize.php#css

    You’ll notice that I have included the following code in the custom CSS box:

    .entry-content img {
    	border: 0;
    	padding: 0;
    }

    What this does is sets the border size to zero, and removes the space around the images.

    I hope this helps! Let me know if you have any more questions.

    For more information on CSS, have a look at the following link:

    Editing CSS

  • Unknown's avatar

    Perfect, thanks.
    Can I change the color of the arrows and dots on the featured video carousel with the Sundance theme? If so, how?

  • Unknown's avatar

    Heya,

    I’m afraid that the colour of the arrows and the dots are set as part of the image files in the theme. You can see that here: http://s1.wp.com/wp-content/themes/pub/sundance/images/direction-nav.gif

    As a result, they can’t be edited using CSS.

    Let me know if you have any other questions!

  • Unknown's avatar

    Thanks again,
    With reference to my first question, now I see what looks to be a subtle drop shadow on the images. How can I get rid of that as well?

  • Unknown's avatar

    Hiya,

    No bother.

    I’ve had a look at the site in a few different browsers and can’t see a drop-shadow, so it looks as if it is probably just a setting specific to the way your computer is configured.

    If you like, you can send me a screenshot so I can have a better idea of what’s going on.

    If you need a hand getting a screenshot, there’s information here:

    Take a Screenshot

    Thanks

  • Unknown's avatar

    I saw the drop shadow both on Safari and Chrome. I use a the latest OS for my macbook pro.

  • Unknown's avatar

    Hey there,

    I see what you mean now. I was looking at the main carousel images.

    I have updated the code to the following, which has removed the ‘box-shadow’:

    .entry-content img {
    	border: 0;
    	padding: 0;
    	box-shadow:0px 0px 0px;
    }

    Thanks!

  • Unknown's avatar

    Great, it looks much better now.

    Two quick questions on another subject if you don’t mind.
    First, is there a way to hide the caption text under the carousel image without hiding the text on the right side too? You will notice that the copy is the same.

    Second, if I choose another theme, will I have all my work saved (including widgets etc.) if I decide to come back to the Sundance theme?

  • Unknown's avatar

    Hey,

    First, is there a way to hide the caption text under the carousel image without hiding the text on the right side too? You will notice that the copy is the same.

    It appears that the carousel in the sundance theme is only designed to highlight videos, which is why there is duplication on the text copy. If you look under ‘Format’ on the right hand side when editing a post, you’ll notice that a post only appears in the carousel if the ‘Video’ option is selected. As a result, there isn’t a way to edit the template to format completely as expected for other kinds of posts.

    Second, if I choose another theme, will I have all my work saved (including widgets etc.) if I decide to come back to the Sundance theme?

    Widgets choices should remain even if you switch between themes. Be aware that some themes will have different ways of displaying widgets, and so they may not always be presented the same way.

    Custom CSS, however, is not preserved when switching themes, so you should be sure to keep a backup if you plan to do this.

    Thanks,

  • The topic ‘Border lines around images in Sundance theme’ is closed to new replies.