Support » Theme: Cubic » Alignment of images

  • Resolved mymugoftea

    (@mymugoftea)


    I am having issues with how the images show up and their alignment. For example, if I align an image right or left, it looks good while editing but once I preview or publish, the alignments of the images are way further and it seems like there is a different area for the text and much larger area for the images. Need help fixing this.

    I tried to post this on the Theme page but the theme is not included there.

    The blog I need help with is mymugoftea.com.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there,

    I see what you are saying in regards to the alignment. Try adding this CSS snippet:

    @media screen and (min-width: 768px)
    .image-big img {
        margin-left: 70px;
    }

    That should align all of the images with the text. Let me know if you have any questions.

    Thanks!

    mymugoftea

    (@mymugoftea)

    Thanks for your help. However, I am getting a LBRACE error.

    I also wanted to note that I have other code (relating to the header already in the website). I don’t know if that matters. but here’s how everything shows now, but I am scared to publish as I don’t want to break the site.

    .site-branding {
    margin-top: 15px;
    margin-bottom: 0px;
    display: flex;
    }
    .site-title { position: absolute; }

    .has-site-logo .site-title { margin: 10px 0; }

    .has-site-logo .site-description { margin-top: 40px; }

    @media screen and (min-width: 768px)
    .image-big img {
    margin-left: 70px;
    }

    Gary Barrett

    (@gary-barrett)

    Hi there,

    There’s some missing brackets in the CSS snippet @darnelldibbles posted.

    Please try replacing it with this:

    @media screen and (min-width: 768px) {
    	.image-big img {
    		 margin-left: 70px;
    	}
    }
    mymugoftea

    (@mymugoftea)

    Thank you both. It is MUCH better, but still looks weird. For example, it doesn’t respect the alignment that I had before. So for the first picture in the post I originally had right wrapped alignment. So I guess all I want is for the code to respect my other alignments BUT to not go OUTSIDE the text alignment – does that make more sense?

    Gary Barrett

    (@gary-barrett)

    Cubic hasn’t been updated in over 2 years, and isn’t fully compatible with the new block editor in WordPress.

    If you use it, it’s likely you’ll continue to run into multiple issues like these.

    If you wish to use the new block editor, I’d recommend using a different theme.

    If you wish to continue using the Cubic theme, then I’d recommend installing and using the classic editor plugin instead of the new block editor.
    https://wordpress.org/plugins/classic-editor/

    Using the classic editor should allow you to create content that aligns correctly and respects the widths of the content area.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Alignment of images’ is closed to new replies.