Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1377551
    tarekr
    Participant

    Hello,

    1. Please check the attached screenshot of my post while seeing it on Android mobile phone. why it is shifted up? it is intersecting with SF icon.

    2. How can i show only the date of the post without author name and category? When i am putting meta on it is showing a series of info. I want only to show the date. I want also to show the date on the main blog page (tarekrabaa.com/blog)

    3. How can i change the background of the post to transparent background. I used this code in customizer to change the background. Is it OK or this code will affect other pages on the website?
    .entry-wrap {
    background-color: rgba(255,255,255,0.2);
    }

    4. Is there a specific Javascrit code i can add to show the number of post view or page?

    Many Regards,
    Tarek

    #1377742
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in!

    #1] To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

    @media(max-width: 767px){
      .site > .x-container.max.width.offset {
        margin-top: 80px;
      }
    }

    #2] To only display the date in your post meta, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

    .p-meta>span,
    .p-meta>span:after {
        display: none;
    }
    
    .p-meta>span:nth-child(2) {
        display: block;
    }

    #3] Your code will affect all the pages. If you want to only change the blog and single post, please make use of this code instead;

    .blog .entry-wrap,
    .archive .entry-wrap,
    .single-post .entry-wrap {
      background-color: rgba(255,255,255,0.2);
    }

    #4] Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

    Meanwhile you can use a 3rd party plugin to resolve this inquiry. Please check it here:
    https://wordpress.org/plugins/search.php?type=term&q=view+stats

    Thank you for your understanding.

    #1379095
    tarekr
    Participant

    Hello Rue,

    All codes you provided herein has worked for me. Thx

    Just last 2 questions:
    1. Can i change the color of the post title text. Instead of Black to be white? The same question for the date text-color.

    2. For my arabic website i am using wordpress english but i am aligning the text inside the post from RTL.
    However, the title is written on the left and the date appears in English also.
    Please check https://tarekrabaa.com/ar/?p=230

    How can i align the date to the Right to align it together with the title to the Right?

    Also the content of the post need to be aligned to the Right on main blog page as well as the container of the post needs to be aligned to the right with the page.

    Many Thx
    Tarek

    #1379161
    tarekr
    Participant

    Hello,

    How can i also increase the content size of the post page to fill the whole page width; to reduce the margin-left or right?
    What is the convenient size to use for youtube embedded video?
    Please check how it is appearing on the Laptop https://tarekrabaa.com/ar/?p=230

    Also the thumbnail view on the mobile is cropped and the video is spreading vertically.
    The text is responsive in width but there is a problem. Part of the text is hidden. please check the second screenshot. Maybe because the size of the text is not reducing on mobile screen.

    Regards,
    Tarek

    #1379370
    Christopher
    Moderator

    Hi there,

    Please add following code:

    .single-post h1.entry-title {
        color: #fff;
    }
    .single-post .x-container.max.width.offset {
        width: 97%;
    }

    Please use one of multilingual plugins, if I give you code to make content RTL it affects on both English and Arabic version

    Please remove width and height attributes and use video embed video shortcode, e.g:

    [x_video_embed]<iframe src="http://player.vimeo.com/video/67051688" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>[/x_video_embed]

    Check this link : http://demo.theme.co/integrity-1/shortcodes/responsive-video/

    To make text responsive, please check this thread : https://community.theme.co/forums/topic/cornerstone-responsive-text/

    Hope it helps.

    #1379958
    tarekr
    Participant

    Hello,
    All what you wrote works for me.

    Many Regards,
    Tarek

    #1380169
    Joao
    Moderator

    Glad to hear it,

    Cheers

  • <script> jQuery(function($){ $("#no-reply-1377551 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>