homepage related issues

  • Posted in : TheBlogger
  • missfmixer
    Participant

    in the website thisbatteredsuitcase.com they have added a line all across just above the copyright text. Can you give me the code for that?
    And also i wanted to add the “up arrow” like they have done. but i could not find the code to use for that. i only have the code to add heart.
    Please refer their website to see the symbol and line i am talking about
    Also how can i write the copyright text words in lowercase instead of uppercase?

    I have added a heading to instagram footer. but when i keep the black background, white text code. in footer. the instagram heading is turning black text on black background. i dont know why and how to resolve this. please advise.
    also in the instagram slider i have added some text to follow me box and the alignment has become off. its not centred. please say how to rectify this.

    in the header if i add a background image like it is there in demo anna, how to keep the gradient look? i tried but mine was covering the whole space and removing the gradient colors.
    any specific kind of image is to be used? if yes, then what kind? in terms of jpeg or png, size, resoluton etc?

    Also the link box issue that occurred in mobile version is also there in slider image title styles. please can you give me a similar code for that too. in both inline borders and stamp styles. the link box code does not work. i have tried it.

    Also just asking for a suggestion? In The default robots.txt does not have any rules set. is that optimum or some rules are needed for effective crawling of website?

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .site-footer .site-info { border-top: 1px solid #ccc; }

    After you add the “a” class, you need to add “i” class.

    <i class="fa fa-angle-up"></i>

    You can add this custom css code for the lowercase for the copyright text.

    .site-footer .site-info { text-transform: none !important; }

    You can change the insta title color in footer with this custom css code;

    .footer-insta > .textwidget h2 { color: #fff !important; }

    Try to use this custom css code for making center the insta title;

    .instagram-pics + p { margin-top: 0px; margin-left: -100px; }

    It’s enough to have a photo with a light background. If you would lke to keep the gradient color, you can use this custom css code;

    .header-wrap:before { background: radial-gradient(circle,#0039e5,#dd3333); }

    I do not understand what the problem with the link box is. Explain it for me again.
    There is no relevant rule for the last question you ask.
    Thanks

    serkan
    Moderator

    Hi,
    The footer’s color should be black so the code can work. It is not obvious that the background of the Instagram is in a different color. The example which you gave me, there is a difference between background color. As a second alternative, you can use this code;

    .site-info .textwidget:first-child { border-bottom: 1px solid #ccc; padding-bottom: 18px; }

    You need to write about 20 css codes in order to add tiny arrows. Can not be added with a simple css. Although it looks small, both html and css need to be customized. You can search a plugin for this feature or leave it like this.
    If you want to customize your website so much, I recommend you to investigate the css lesson. So you can learn simple css usage and customize your website to your taste. Apart from the Theblogger theme features, all the things you want are arbitrary customizations.
    Please go to appearance > customize > general > fonts > you can change the font from here. Site title takes the font from h1 so if you change it, you can get what you want. Site description part takes the font from body font.
    If you follow the steps below, you can upload your custom font to your website.
    http://www.pixelwars.org/forums/topic/install-isabella-font-into-text-logo-font-for-site-title/
    I wrote the answer for robot.txt above. It is optimum and no rules.
    Meanwhile, I tested your website with apple and samsung mobile phones. The link box title appears to be aligned. This problem is related to your mobile phone.
    Thanks

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register