Trying to Edit Dara's display of Text Cutting into the Photo

healinghouse41 · Member · Feb 7, 2017 at 2:22 pm
Copy link

Add topic to favorites
Hi, I’m using the Dara theme. Is there a way to change the way the text cuts out a box of the photo that coincides with the Image of the article?

It takes a big chunk out to display text. I’m not sure if this is a default for dara or not, or if its something that can be changed.

Any help is much appreciated. Thank you.

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Feb 7, 2017 at 10:08 pm
Copy link
You can give this a try in your Custom CSS Customizer panel:
```
@media screen and (min-width: 768px) {
  .post-thumbnail + .entry-header {
    margin-top: 60px;
  }
}
```
That should eliminate the “cutout” effect on screen sizes where it would normally be present.

Let me know how it goes.
healinghouse41 · Member · Feb 7, 2017 at 10:24 pm
Copy link
Omg it worked! Thank you so much. :)
kathrynwp · Staff · Feb 7, 2017 at 10:32 pm
Copy link
My pleasure!
healinghouse41 · Member · Feb 7, 2017 at 11:01 pm
Copy link
By the way, how do you learn how to code? Is there something you would recommend for beginner bloggers?
kathrynwp · Staff · Feb 8, 2017 at 2:00 pm
Copy link
Sure! Learning some CSS can be extremely helpful for customizing your site as a beginner.

One of the key things to learn for custom CSS is learning how to target the right element to make the changes you want, using something called a browser inspector. Here are some good resources:

An Intro to CSS: Finding CSS Selectors

An Intro to CSS, or How to Make Things Look Like You Like

Intro to CSS: Previewing Changes with the Matched Rule Pane

http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

https://thewc.co/articles/view/web-inspector-tutorial

https://cssworkshop.wordpress.com/

And here are a few more beginner CSS guides:
If you prefer learning through courses or videos, there are a ton of those out there as well, from Skillcrush and HTML Dog to Lynda.com (paid, but some libraries offer a free subscription) and Learn CSS Layout.

Have fun on your CSS adventure!

No items found.